/* Veridon OS design system v1.1 tokens (same values as hq/app/src/styles.css). */
:root{--bg:#FAF8F5;--text:#2D2D2D;--muted:#6B7280;--heading:#2A3B5C;--mark:#D4A04A;--link:#2A3B5C;--rule:color-mix(in srgb,#2A3B5C 15%,transparent);
--serif:'DM Serif Display',Georgia,serif;--sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#1A2332;--text:#E8E4DF;--muted:color-mix(in srgb,#E8E4DF 72%,#1A2332);--heading:#E8E4DF;--mark:#C4943A;
--link:color-mix(in srgb,#C4943A 65%,#E8E4DF);--rule:color-mix(in srgb,#E8E4DF 18%,transparent);color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:16px/1.6 var(--sans)}
.page{width:100%;max-width:640px;margin:0 auto;padding-block:clamp(48px,12vh,120px) 24px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.mark{font-family:var(--serif);color:var(--mark);font-size:40px;line-height:1;margin:0 0 20px}
h1{font-family:var(--serif);font-weight:400;color:var(--heading);font-size:clamp(34px,7vw,44px);line-height:1.1;margin:0 0 16px;text-wrap:balance}
p{margin:0 0 14px;max-width:62ch}
.lede{font-size:19px;color:var(--muted)}
a{color:var(--link);text-underline-offset:3px}
.foot{margin-top:auto;padding-block:24px 32px;border-top:1px solid var(--rule);font-size:14px;color:var(--muted);display:flex;gap:20px}
.updated{color:var(--muted);font-size:14px;margin-top:24px}