/* Shared styles for the standalone legal pages (privacy.html, terms.html).
   Design tokens mirror index.html so the pages read as part of the same site. */
:root{--bg:#000;--text:#fff;--muted:#9a9a9a;--dim:#5c5c5c;--line:rgba(255,255,255,.09);--max:1100px;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font:400 16.5px/1.65 "DM Sans","Avenir Next",system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1{font-family:"Playfair Display",Georgia,"Times New Roman",serif;letter-spacing:-.025em;line-height:1.1;font-weight:700;color:#fff}
h2{font-family:"DM Sans","Avenir Next",system-ui,sans-serif;font-weight:600;letter-spacing:-.012em;line-height:1.32;color:#fff}
p{color:var(--muted)}a{color:inherit;text-decoration:none}
.w{width:min(var(--max),calc(100% - 48px));margin:0 auto}

.topbar{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(0,0,0,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.topbar .inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px}
.topbar .brand img{height:44px;display:block}
.back-link{font-size:.85rem;font-weight:500;color:var(--dim);transition:color .2s}
.back-link:hover{color:#fff}

.doc{max-width:760px;padding:124px 0 32px}
.doc .eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:16px}
.doc h1{font-size:clamp(1.9rem,4vw,2.6rem);margin-bottom:12px}
.doc .updated{color:var(--dim);font-size:.85rem;margin-bottom:34px}
.doc h2{font-size:1.08rem;margin:34px 0 10px}
.doc p{margin-bottom:14px;line-height:1.75;font-size:.96rem}
.doc ul{margin:0 0 14px 20px;color:var(--muted)}
.doc li{margin-bottom:8px;line-height:1.75;font-size:.96rem}
.doc strong{color:var(--muted);font-weight:500}

.identity-box{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);padding:24px 26px;margin-bottom:36px}
.identity-box p{margin:0;font-size:.93rem;line-height:1.8}

.inline-link{color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.25);transition:color .2s,text-decoration-color .2s}
.inline-link:hover{color:#fff;text-decoration-color:rgba(255,255,255,.6)}

footer{border-top:1px solid var(--line);padding:40px 0 36px;text-align:center;margin-top:44px}
.f-logo{display:block;width:min(60%,210px);margin:0 auto 14px;opacity:.9}
.f-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-bottom:18px}
.f-links a{color:var(--dim);font-size:.84rem;transition:color .2s}.f-links a:hover{color:#fff}
.f-legal{color:var(--dim);font-size:.79rem;line-height:1.9}
.f-legal strong{color:var(--muted);font-weight:500}

@media(max-width:768px){.topbar .inner{height:64px}.topbar .brand img{height:38px}.doc{padding:98px 0 24px}.doc h1{font-size:1.8rem}}