:root{
  --bg:#11141c;
  --bg-elev:#181c27;
  --border:#2a3040;
  --text:#edeef2;
  --text-dim:#8b93a7;
  --text-faint:#5b6376;
  --mint:#5eead4;
  --amber:#f5a623;
  --mono: 'IBM Plex Mono', monospace;
  --sans: 'Inter', sans-serif;
  --disp: 'Space Grotesk', sans-serif;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--sans);}
body{-webkit-font-smoothing:antialiased;line-height:1.6;}
a{color:var(--mint);}
.wrap{max-width:760px;margin:0 auto;padding:0 24px;}

.topbar{border-bottom:1px solid var(--border);}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;max-width:760px;margin:0 auto;padding-left:24px;padding-right:24px;}
.logo{font-family:var(--mono);font-size:14px;letter-spacing:0.02em;color:var(--text);display:flex;align-items:center;gap:8px;text-decoration:none;}
.logo .dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint);}
.nav-links{display:flex;gap:20px;font-size:13px;}
.nav-links a{color:var(--text-dim);text-decoration:none;}
.nav-links a:hover{color:var(--text);}
.nav-links a.active{color:var(--mint);}

.doc{padding:56px 0 80px;}
.doc h1{font-family:var(--disp);font-weight:600;font-size:32px;margin:0 0 6px;}
.doc .updated{font-family:var(--mono);font-size:12.5px;color:var(--text-faint);margin:0 0 36px;}
.doc h2{font-family:var(--disp);font-weight:600;font-size:19px;margin:36px 0 12px;}
.doc p{color:var(--text-dim);font-size:15px;margin:0 0 14px;}
.doc ul{color:var(--text-dim);font-size:15px;padding-left:20px;}
.doc li{margin-bottom:6px;}
.doc strong{color:var(--text);}

footer{border-top:1px solid var(--border);padding:28px 0;margin-top:40px;}
.footer-links{display:flex;gap:18px;font-size:13px;margin-bottom:14px;}
.footer-links a{color:var(--text-dim);text-decoration:none;}
.footer-links a:hover{color:var(--text);}
.disclaimer{font-size:12.5px;color:var(--text-faint);max-width:760px;}