/* Shared styles for the document pages (about / privacy / terms / accessibility). Same look as the landing page. */
:root{
  --bg:#0b0c10; --bg-soft:#121319; --card:#16171f; --line:rgba(255,255,255,0.12);
  --text:#f4f4f6; --text-dim:#b4b5c0; --accent:#ff5a3c; --accent-2:#ffb63c; --accent-soft:rgba(255,90,60,0.12);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Heebo',system-ui,sans-serif; background:var(--bg); color:var(--text); line-height:1.75; overflow-x:hidden;}
a{color:inherit;}
header.site{position:sticky; top:0; z-index:50; background:rgba(11,12,16,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line);}
header.site .wrap{display:flex; align-items:center; justify-content:space-between; height:68px; gap:16px;}
.wrap{max-width:860px; margin:0 auto; padding:0 24px;}
.logo{font-weight:900; font-size:20px; text-decoration:none;}
.logo span{color:var(--accent);}
header.site nav{display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
header.site nav a{font-size:14px; color:var(--text-dim); text-decoration:none; font-weight:600;}
header.site nav a:hover, header.site nav a[aria-current=page]{color:var(--text);}
main{padding:56px 0 80px;}
h1{font-size:clamp(30px,5vw,44px); font-weight:900; line-height:1.15; letter-spacing:-.5px; margin-bottom:8px;}
.updated{color:var(--text-dim); font-size:14px; margin-bottom:28px;}
.toc{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:18px 22px; margin:0 0 36px; font-size:14.5px;}
.toc strong{display:block; margin-bottom:8px;}
.toc ol{padding-inline-start:20px; columns:2; column-gap:28px;}
@media (max-width:640px){ .toc ol{columns:1;} }
.toc a{color:var(--text-dim);} .toc a:hover{color:var(--text);}
h2{font-size:21px; font-weight:800; margin:40px 0 10px; color:var(--text); scroll-margin-top:84px;}
h2 .n{color:var(--accent); margin-inline-end:6px;}
h3{font-size:17px; font-weight:800; margin:22px 0 6px; scroll-margin-top:84px;}
p{margin:0 0 12px; color:var(--text);}
ul{margin:0 0 14px; padding-inline-start:24px;}
li{margin:3px 0; color:var(--text);}
.lead{font-size:18px; color:var(--text);}
.box{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:20px 24px; margin:22px 0;}
.contact{white-space:pre-line;}
main a{color:var(--accent-2); text-underline-offset:3px;}
footer.site{border-top:1px solid var(--line); padding:32px 0 48px; color:var(--text-dim); font-size:14px;}
footer.site .links{display:flex; gap:20px; flex-wrap:wrap; margin-bottom:14px;}
footer.site a, footer.site button{color:var(--text-dim); background:none; border:0; font:inherit; font-size:14px; font-weight:600; cursor:pointer; padding:0; text-decoration:underline; text-underline-offset:3px;}
footer.site a:hover, footer.site button:hover{color:var(--text);}
.btn{display:inline-flex; padding:14px 26px; border-radius:100px; font-weight:800; background:linear-gradient(90deg,var(--accent),var(--accent-2)); color:#111 !important; text-decoration:none !important; margin-top:8px;}
[hidden]{display:none !important;}