:root{--o:#FB5607;--p:#8338EC;--bg:#212529;--fg:#E9ECEF;--card:#2b3035;--line:rgba(233,236,239,.18);--mut:rgba(233,236,239,.74)}
@media(prefers-color-scheme:light){:root{--bg:#E9ECEF;--fg:#212529;--card:#fff;--line:rgba(33,37,41,.2);--mut:rgba(33,37,41,.76)}}
*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:90px}
body{background:var(--bg);color:var(--fg);font:400 1.02rem/1.75 Roboto,system-ui,sans-serif}
a{color:inherit}:focus-visible{outline:2px solid var(--o);outline-offset:3px}
.m{font:500 .76rem 'Roboto Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
.bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:.9rem clamp(1rem,4vw,3rem);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.bar a{text-decoration:none}.bar .b{color:var(--o)}
.hero{padding:clamp(3rem,9vw,6rem) clamp(1rem,4vw,3rem) 2rem;max-width:1100px;margin:auto}
.hero .m{color:var(--o)}h1{font:900 clamp(2.6rem,8vw,5.5rem)/.95 'Roboto Condensed',sans-serif;margin:1rem 0}
.hero p{max-width:62ch;color:var(--mut);font-size:1.12rem}
.strip{height:6px;background:linear-gradient(90deg,var(--o) 50%,var(--p) 50%);margin-top:2rem;max-width:1100px;margin-inline:auto}
.wrap{display:grid;grid-template-columns:250px 1fr;gap:3rem;max-width:1100px;margin:auto;padding:2.5rem clamp(1rem,4vw,3rem) 4rem}
nav.toc{position:sticky;top:90px;align-self:start;font-size:.9rem;display:grid;gap:.1rem;border-left:2px solid var(--line)}
nav.toc a{padding:.3rem .9rem;text-decoration:none;color:var(--mut)}nav.toc a:hover{color:var(--o);border-left:2px solid var(--o);margin-left:-2px}
main{counter-reset:s;min-width:0}
section{padding-bottom:2.2rem;margin-bottom:2.2rem;border-bottom:1px solid var(--line)}
h2{counter-increment:s;font:900 1.9rem/1.05 'Roboto Condensed',sans-serif;margin-bottom:1rem}
h2::before{content:counter(s,decimal-leading-zero) " / ";color:var(--o);font:700 .9rem 'Roboto Mono',monospace;display:block;margin-bottom:.4rem}
p+p,p+ul,ul+p,p+.t,.t+p{margin-top:.9rem}ul{padding-left:1.3rem}li{margin:.3rem 0}li::marker{color:var(--o)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}
.cards div{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--o);padding:1rem 1.1rem;font-size:.95rem}.cards b{display:block;margin-bottom:.3rem}
.t{overflow-x:auto;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:640px;font-size:.92rem}
th{background:var(--card);text-align:left;font:700 .72rem 'Roboto Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--o)}
th,td{padding:.7rem .9rem;border-bottom:1px solid var(--line);vertical-align:top}
.note{background:var(--card);border-left:4px solid var(--p);padding:1rem 1.2rem;margin-top:1rem;font-size:.95rem}
footer{border-top:1px solid var(--line);padding:2rem clamp(1rem,4vw,3rem);display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;max-width:1100px;margin:auto}
footer a{color:var(--mut)}footer a:hover{color:var(--o)}
@media(max-width:820px){.wrap{grid-template-columns:1fr}nav.toc{display:none}}
.pill{display:flex;gap:2px;border:1px solid var(--line);border-radius:99px;padding:2px}
.pill button{font:700 .72rem 'Roboto Mono',monospace;padding:.2rem .65rem;border-radius:99px;color:inherit;background:none;border:0;cursor:pointer}
.pill button.on{background:var(--o);color:#fff}
.L[hidden]{display:none}