:root{--nom-paper-50:#faf9f7;--nom-paper-100:#f2f0eb;--nom-paper-200:#e2e0da;--nom-paper-300:#c8c5bc;--nom-paper-400:#9c9890;--nom-paper-500:#706d66;--nom-ink-300:#5c5c5c;--nom-ink-400:#3d3d3d;--nom-ink-500:#1a1a1a;--nom-ink-600:#111;--nom-ink-700:#080808;--nom-steel-100:#dde4e9;--nom-steel-200:#b8c6cf;--nom-steel-300:#7d9aaa;--nom-steel-400:#4a6072;--nom-steel-500:#364858;--nom-steel-600:#243040;--nom-ember-300:#ff9b84;--nom-ember-400:#ff7a5c;--nom-ember-500:#e85d3d;--nom-void-500:#6e7f8a;--nom-void-800:#131920;--nom-void-900:#0d1115}:root,[data-theme=light]{--color-bg:var(--nom-paper-100);--color-surface:var(--nom-paper-50);--color-text:var(--nom-ink-500);--color-text-2:var(--nom-ink-300);--color-muted:var(--nom-paper-400);--color-steel:var(--nom-steel-400);--color-border:var(--nom-paper-200);--color-accent:var(--nom-steel-400);--color-accent-2:var(--nom-steel-500)}[data-theme=void]{--color-bg:var(--nom-void-900);--color-surface:var(--nom-void-800);--color-text:var(--nom-paper-100);--color-text-2:var(--nom-steel-200);--color-muted:var(--nom-void-500);--color-steel:var(--nom-steel-300);--color-border:#f2f0eb1f;--color-accent:var(--nom-ember-400);--color-accent-2:var(--nom-ember-300)}:root{--font-serif:"DM Serif Display", Georgia, serif;--font-sans:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--maxw:1180px;--sidebar-w:16rem;--px:2rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-size:16px;line-height:1.6;transition:background .2s,color .2s;display:flex}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-text)}.site-header{border-bottom:1px solid var(--color-border);z-index:10;background:color-mix(in srgb, var(--color-bg) 88%, transparent);backdrop-filter:blur(8px);position:sticky;top:0}.header-inner{max-width:var(--maxw);padding:.9rem var(--px);align-items:center;gap:2rem;margin:0 auto;display:flex}.brand{color:var(--color-text);align-items:center;gap:.6rem;display:flex}.brand-mark{width:16px;height:20px;color:var(--color-text-2);display:inline-flex}.brand-mark svg{width:100%;height:100%}.brand:hover .brand-mark{color:var(--color-accent)}.brand-name{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-2);font-size:.7rem}.site-nav{align-items:baseline;gap:1.4rem;margin-left:auto;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-muted);border-bottom:1px solid #0000;padding-bottom:2px;font-size:.72rem}.nav-link:hover{color:var(--color-text)}.nav-link.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.theme-toggle{border:1px solid var(--color-border);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:3px;padding:.25rem .5rem;font-size:.6rem}.theme-toggle:hover{color:var(--color-text);border-color:var(--color-accent)}.page{width:100%;max-width:860px;padding:3rem var(--px) 5rem;flex:1;margin:0 auto}.page-with-sidebar{width:100%;max-width:var(--maxw);grid-template-columns:var(--sidebar-w) 1fr;padding:0 var(--px);flex:1;gap:3rem;margin:0 auto;display:grid}.page-in-section{max-width:720px;padding:3rem 0 5rem}.section-sidebar{border-right:1px solid var(--color-border);align-self:start;height:calc(100vh - 3.5rem);padding:3rem 0;position:sticky;top:3.5rem;overflow-y:auto}.section-sidebar-heading{font-family:var(--font-serif);color:var(--color-text);margin-bottom:1rem;font-size:1.1rem}.section-sidebar-group{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);margin:1.2rem 0 .5rem;font-size:.6rem}.section-sidebar-list{list-style:none}.section-sidebar-link{color:var(--color-text-2);border-left:2px solid #0000;margin-left:-.75rem;padding:.3rem 0 .3rem .75rem;font-size:.85rem;display:block}.section-sidebar-link:hover{color:var(--color-text)}.section-sidebar-link.active{color:var(--color-accent);border-left-color:var(--color-accent)}.page-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin-bottom:1rem;font-size:.66rem;display:inline-block}.page-eyebrow-link:hover{color:var(--color-accent)}.page-title{font-family:var(--font-serif);margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.1}.page-lede{color:var(--color-text-2);max-width:60ch;margin-bottom:1.25rem;font-size:1.1rem}article{max-width:70ch}article h1{font-family:var(--font-serif);margin-bottom:1rem;font-size:2.2rem;font-weight:400;line-height:1.12}article h2{font-family:var(--font-serif);margin:2.2rem 0 .8rem;font-size:1.5rem;font-weight:400}article h3{margin:1.6rem 0 .5rem;font-size:1.05rem;font-weight:600}article p{color:var(--color-text-2);margin-bottom:1rem}article ul,article ol{color:var(--color-text-2);margin:0 0 1rem 1.25rem}article li{margin-bottom:.35rem}article strong{color:var(--color-text)}article code{font-family:var(--font-mono);background:var(--color-surface);border-radius:3px;padding:.1rem .35rem;font-size:.85em}article pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;margin-bottom:1rem;padding:1rem;overflow-x:auto}article pre code{background:0 0;padding:0;font-size:.8rem}article table{border-collapse:collapse;width:100%;margin-bottom:1.2rem;font-size:.9rem}article th,article td{text-align:left;border-bottom:1px solid var(--color-border);padding:.5rem .75rem}article th{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-size:.66rem}article blockquote{border-left:2px solid var(--color-accent);color:var(--color-text-2);margin-bottom:1rem;padding-left:1rem}article hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.unit-list{border-top:1px solid var(--color-border);margin-top:1.5rem;list-style:none}.unit{border-bottom:1px solid var(--color-border);grid-template-columns:14rem 1fr;align-items:baseline;gap:1.25rem;padding:.85rem .25rem;text-decoration:none;display:grid}.unit:hover{background:var(--color-surface)}.unit-name{font-family:var(--font-mono);color:var(--color-text);font-weight:500}.unit-desc{color:var(--color-text-2);font-size:.9rem;line-height:1.5}.skill-zone{border:1px solid var(--color-border);border-radius:4px;margin-top:2rem;padding:1rem 1.25rem}.skill-zone-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.4rem;font-size:.6rem;display:block}.site-footer{border-top:1px solid var(--color-border)}.footer-inner{max-width:var(--maxw);padding:1.2rem var(--px);font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-muted);flex-wrap:wrap;gap:.8rem;margin:0 auto;font-size:.62rem;display:flex}.footer-sep{opacity:.5}@media (width<=820px){.page-with-sidebar{grid-template-columns:1fr;gap:0}.section-sidebar{display:none}.page-in-section{padding-top:2rem}.site-nav{flex-wrap:wrap;gap:1rem}.unit{grid-template-columns:1fr;gap:.2rem}}