:root{
  --ink:#05080f; --surface:#0d1626; --line:rgba(123,160,210,.16);
  --fg:#e9eef8; --fg-dim:#9db0cf; --fg-faint:#64799c; --teal:#57e0c9; --gold:#e7b56a;
  --maxw:820px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--fg);font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2{font-family:"Fraunces",Georgia,serif;font-weight:560;line-height:1.1;letter-spacing:-.015em;color:var(--fg)}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}
nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:linear-gradient(to bottom,rgba(5,8,15,.9),rgba(5,8,15,.5));border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--fg)}
.brand .sub{color:var(--fg-dim);font-weight:500}
.mark{width:24px;height:24px;flex:none}
.mark circle{fill:var(--teal)}
.mark line{stroke:var(--teal);stroke-width:1.4}
.back{color:var(--fg-dim);font-size:14.5px}
.back:hover{color:var(--fg)}
.doc{max-width:var(--maxw);margin:0 auto;padding:clamp(48px,8vw,90px) clamp(20px,5vw,40px) 70px}
.doc .eyebrow{font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--teal);font-weight:600}
.doc h1{font-size:clamp(34px,6vw,50px);margin:.35em 0 .15em}
.doc .updated{color:var(--fg-faint);font-size:14.5px;margin-bottom:2.2em}
.doc .lead{color:var(--fg);font-size:18.5px;margin-bottom:1.6em}
.doc h2{font-size:22px;margin:1.9em 0 .4em;color:var(--fg)}
.doc p,.doc li{color:var(--fg-dim);margin:.65em 0}
.doc ul{padding-left:1.25em;margin:.5em 0}
.doc strong{color:var(--fg);font-weight:600}
.doc .box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin:1.4em 0}
footer{border-top:1px solid var(--line);padding:38px 0;color:var(--fg-faint);font-size:14px;margin-top:30px}
footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
footer a{color:var(--fg-dim)}
footer .flinks{display:flex;gap:20px;flex-wrap:wrap}