:root{
  --base:#090c10;--void:#05070a;--surface:#0e131b;--raised:#131a24;
  --line:#1a232f;--line-bright:#2a384a;--ink:#edf2f8;--dim:#a6b4c6;
  --mute:#71849b;--signal:#ffb020;--neural:#38bdf8;--matrix:#34d399;
  --sans:Archivo,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--base);color:var(--ink);font:16px/1.7 var(--sans);overflow-wrap:break-word}
body::before{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;opacity:.32;mask-image:radial-gradient(ellipse 120% 75% at 50% 0,#000 20%,transparent 78%)}
a{color:inherit}
a:focus-visible{outline:2px solid var(--signal);outline-offset:4px;border-radius:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--signal);color:#100b00;padding:.7rem 1rem;z-index:10}.skip:focus{left:.75rem;top:.75rem}
.shell{width:min(1120px,calc(100% - 2.5rem));margin-inline:auto}
header{border-bottom:1px solid var(--line);background:rgba(9,12,16,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}
.nav{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font:700 .78rem/1 var(--mono);letter-spacing:.15em}.brand img{width:30px;height:30px}
.nav-links{display:flex;align-items:center;gap:1.25rem}.nav-links a{font:600 .72rem/1 var(--mono);letter-spacing:.08em;text-decoration:none;color:var(--dim)}.nav-links a:hover{color:var(--signal)}
.hero{padding:clamp(4.5rem,10vw,8rem) 0 clamp(3rem,7vw,5rem);border-bottom:1px solid var(--line)}
.crumbs{display:flex;flex-wrap:wrap;gap:.55rem;color:var(--mute);font:600 .68rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.crumbs a:hover{color:var(--signal)}
.kicker{margin:2rem 0 1rem;color:var(--signal);font:700 .7rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase}
h1{font:400 clamp(2.7rem,7vw,5.8rem)/.98 var(--serif);letter-spacing:-.035em;max-width:14ch;margin:0 0 1.5rem}
.dek{font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65;color:var(--dim);max-width:72ch;margin:0}
.meta{display:flex;flex-wrap:wrap;gap:.65rem 1.3rem;margin-top:2rem;color:var(--mute);font:500 .7rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em}.meta span{display:flex;align-items:center;gap:.45rem}.meta span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--matrix)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:clamp(2.5rem,7vw,6rem);padding:clamp(3rem,7vw,5.5rem) 0}
article{min-width:0}article section{scroll-margin-top:92px;margin-bottom:3.8rem}
h2{font:400 clamp(1.9rem,4vw,3rem)/1.12 var(--serif);letter-spacing:-.02em;margin:0 0 1.1rem}h3{font-size:1.08rem;line-height:1.4;margin:2rem 0 .65rem}
p{margin:.8rem 0 1.25rem;color:var(--dim)}strong{color:var(--ink)}
.answer{font-size:1.12rem;color:var(--ink);border-left:3px solid var(--signal);padding:.2rem 0 .2rem 1.25rem;margin:1.5rem 0 2rem}
.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:1.5rem 0}.control{background:var(--surface);padding:1.35rem}.control b{display:block;font:700 .72rem/1.35 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--signal);margin-bottom:.55rem}.control p{font-size:.9rem;margin:0}
.table-wrap{overflow-x:auto;border:1px solid var(--line);margin:1.5rem 0}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;vertical-align:top;padding:1rem;border-bottom:1px solid var(--line)}th{font:700 .68rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal);background:var(--surface)}td{font-size:.9rem;color:var(--dim)}tr:last-child td{border-bottom:0}
.callout{background:linear-gradient(145deg,var(--surface),var(--void));border:1px solid var(--line-bright);padding:1.4rem 1.5rem;margin:1.7rem 0}.callout h3{font:700 .72rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--neural);margin:0 0 .7rem}.callout p:last-child{margin-bottom:0}
ul,ol{color:var(--dim);padding-left:1.25rem}li{padding:.2rem 0}li::marker{color:var(--signal)}
.source-list{list-style:none;padding:0;border-top:1px solid var(--line)}.source-list li{border-bottom:1px solid var(--line);padding:1rem 0}.source-list a{color:var(--neural);text-underline-offset:3px}
aside{align-self:start;position:sticky;top:98px}.toc{border:1px solid var(--line);background:var(--surface);padding:1.25rem}.toc h2{font:700 .67rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin:0 0 1rem}.toc ol{list-style:none;padding:0;margin:0}.toc li{border-top:1px solid var(--line);padding:.75rem 0}.toc a{font-size:.83rem;color:var(--dim);text-decoration:none}.toc a:hover{color:var(--ink)}
.related{border-top:1px solid var(--line);padding:3rem 0 4rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.related a{display:block;background:var(--surface);border:1px solid var(--line);padding:1.25rem;text-decoration:none}.related a:hover{border-color:var(--signal)}.related b{display:block;margin-bottom:.4rem}.related span{font-size:.84rem;color:var(--mute)}
footer{border-top:1px solid var(--line);padding:1.5rem 0;color:var(--mute);font:500 .7rem/1.6 var(--mono)}footer .shell{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media(max-width:820px){.layout{grid-template-columns:1fr}aside{position:static;order:-1}.toc ol{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1rem}.related-grid{grid-template-columns:1fr}.controls{grid-template-columns:1fr}.nav-links a:not(.contact){display:none}}
@media(max-width:520px){.shell{width:min(100% - 1.5rem,1120px)}.toc ol{grid-template-columns:1fr}.brand span{display:none}.hero{padding-top:3.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
