:root{
  --bg:#0C0F14; --ink:#EDF0F4; --soft:#A2ABB8; --faint:#6C7684; --edge:#28303C;
  --gold-ink:#F2C877;
  --sans:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"Cascadia Code",Consolas,monospace;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:radial-gradient(1200px 700px at 50% -10%, #16202E 0%, var(--bg) 60%);color:var(--ink);font-family:var(--sans);line-height:1.6;min-height:100vh}
.topbar{display:flex;align-items:center;gap:12px;padding:18px clamp(16px,4vw,40px);border-bottom:1px solid var(--edge)}
.wordmark{font-weight:800;letter-spacing:.32em;font-size:15px}
.tag{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);border:1px solid var(--edge);border-radius:20px;padding:3px 10px}
.doc{max-width:720px;margin:0 auto;padding:clamp(20px,4vw,44px) clamp(18px,5vw,32px)}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 8px}
h1{font-size:clamp(22px,3.4vw,30px);margin:0 0 14px;letter-spacing:.2px}
.lead{color:var(--soft);font-size:15px;margin:0 0 8px}
h2{font-size:16px;margin:26px 0 6px}
p{color:var(--soft);font-size:14.5px;margin:0 0 6px}
.version{margin-top:28px;color:var(--faint);font-size:13px}
.version b{color:var(--ink);font-family:var(--mono)}
.footer{text-align:center;color:var(--faint);font-size:12px;padding:24px;border-top:1px solid var(--edge);margin-top:20px}