:root{--font-display:"Archivo Black", "Oswald", "Impact", "Anton", ui-sans-serif, sans-serif;--font-sans:"Inter Tight", "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;--font-serif:"Source Serif 4", "Source Serif Pro", "Charter", "Iowan Old Style",
        Georgia, serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo,
        Consolas, monospace;--reading-width:800px;--wide-width:1240px;--radius-sm:2px;--radius-md:3px;--ease:cubic-bezier(0.22, 1, 0.36, 1)}[data-theme=dark]{--bg:#0b0d10;--bg-elev:#141619;--bg-sunk:#06070a;--paper:#0f1114;--rule:#e7e4dc;--rule-dim:#2a2d33;--border:#2a2d33;--fg:#f4f1e8;--fg-muted:#a7a59b;--fg-subtle:#6c6a63;--accent:#ff4d2e;--accent-2:#5ad2ff;--link:#ffb199;--code-bg:#0a0c10;--code-panel:#14171c;--code-fg:#c9c4b6;--code-comment:#6c6a63;--code-keyword:#ff7a66;--code-string:#8fe0c8;--code-number:#ffc857;--code-function:#5ad2ff;--code-variable:#e7e4dc;--code-property:#b388ff;--code-operator:#a7a59b;--code-class:#ffc857;--code-punct:#a7a59b;--code-tag:#5ad2ff;--code-attr:#8fe0c8;--code-builtin:#ff7a66;color-scheme:dark}[data-theme=light]{--bg:#f3efe3;--bg-elev:#ffffff;--bg-sunk:#ebe6d6;--paper:#f8f4e7;--rule:#0b0d10;--rule-dim:#d3cdb8;--border:#d3cdb8;--fg:#0b0d10;--fg-muted:#4b4942;--fg-subtle:#8c887b;--accent:#d13a1f;--accent-2:#0b4fb3;--link:#b02e13;--code-bg:#fdf9ec;--code-panel:#f2ecd7;--code-fg:#2a2720;--code-comment:#8c887b;--code-keyword:#b02e13;--code-string:#1a6b57;--code-number:#8a4a00;--code-function:#0b4fb3;--code-variable:#2a2720;--code-property:#5a2ea8;--code-operator:#4b4942;--code-class:#8a4a00;--code-punct:#4b4942;--code-tag:#0b4fb3;--code-attr:#1a6b57;--code-builtin:#b02e13;color-scheme:light}[data-accent=vermillion]{--accent:#ff4d2e}[data-accent=electric]{--accent:#5ad2ff}[data-accent=acid]{--accent:#d0ff4d}[data-accent=magenta]{--accent:#ff4db8}[data-accent=bone]{--accent:#e7e4dc}[data-theme=light][data-accent=vermillion]{--accent:#d13a1f}[data-theme=light][data-accent=electric]{--accent:#0b4fb3}[data-theme=light][data-accent=acid]{--accent:#7a9500}[data-theme=light][data-accent=magenta]{--accent:#c0276b}[data-theme=light][data-accent=bone]{--accent:#0b0d10}*,*::before,*::after{box-sizing:border-box}html{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}html,body{min-height:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .4s var(--ease),color .4s var(--ease)}a{color:var(--link);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline;text-decoration-thickness:1px}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{max-width:var(--wide-width);margin:0 auto;padding:0 32px}.masthead{padding:14px 0 0;border-bottom:4px solid var(--rule)}.masthead-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:10px;border-bottom:1px solid var(--rule-dim);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted)}.masthead-top .l,.masthead-top .r{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.masthead-top .date{color:var(--fg)}.masthead-top a{color:var(--fg-muted)}.masthead-top a:hover{color:var(--fg);text-decoration:none}.masthead-main{padding:18px 0 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.masthead-main .slogan-l,.masthead-main .slogan-r{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.14em;line-height:1.4}.masthead-main .slogan-r{text-align:right}.masthead-main .logo{font-family:var(--font-display);font-size:clamp(26px,4.2vw,56px);line-height:.9;letter-spacing:-.04em;text-transform:uppercase;color:var(--fg);margin:0;text-align:center;font-weight:900;white-space:nowrap}.masthead-main .logo a{color:inherit;text-decoration:none}.masthead-main .logo .slash{color:var(--accent);font-style:italic;padding:0 2px}.nav-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0 12px;border-top:1px solid var(--rule-dim)}.nav-strip .sections{display:flex;gap:0;flex-wrap:wrap;font-family:var(--font-sans);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em}.nav-strip .sections a{color:var(--fg);padding:4px 14px;border-right:1px solid var(--rule-dim)}.nav-strip .sections a:first-child{padding-left:0}.nav-strip .sections a:last-child{border-right:none}.nav-strip .sections a:hover{color:var(--accent);text-decoration:none}.nav-strip .sections a[aria-current=page]{color:var(--bg);background:var(--accent);border-right-color:var(--accent)}.utility{display:flex;gap:10px;align-items:center;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-muted)}.utility .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:6px;animation:pulse 2.4s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.icon-btn{width:32px;height:32px;border:1px solid var(--rule-dim);background:0 0;border-radius:0;display:inline-grid;place-items:center;cursor:pointer;color:var(--fg);transition:color .2s,border-color .2s,background-color .2s}.icon-btn:hover{color:var(--accent);border-color:var(--accent)}.icon-btn svg{width:15px;height:15px}[data-theme=light] .theme-toggle .moon{display:block}[data-theme=light] .theme-toggle .sun{display:none}[data-theme=dark] .theme-toggle .moon{display:none}[data-theme=dark] .theme-toggle .sun{display:block}.kicker{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;font-weight:500}.kicker::before{content:"";width:24px;height:1px;background:currentColor}.kicker.plain{color:var(--fg-muted)}.kicker.plain::before{background:var(--fg-muted)}.byline-block{font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted)}.byline-block .author{color:var(--fg);font-weight:500}.rule-thick{border-top:4px solid var(--rule)}.rule-hair{border-top:1px solid var(--rule-dim)}.site-footer{margin-top:80px;padding:32px 0 48px;border-top:4px solid var(--rule);color:var(--fg-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.tweaks{position:fixed;right:20px;bottom:20px;width:280px;background:var(--bg-elev);border:1px solid var(--rule);border-radius:0;padding:14px 14px 16px;font-size:13px;box-shadow:0 16px 40px -20px rgba(0,0,0,.5);z-index:50;display:none;font-family:var(--font-sans)}.tweaks.open{display:block}.tweaks h4{margin:0 0 12px;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.18em;color:var(--fg);font-weight:500;display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--rule-dim)}.tweaks .group{margin-top:12px}.tweaks .group>label{display:block;font-size:11px;color:var(--fg-muted);margin-bottom:6px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.tweaks .seg{display:flex;gap:0;border:1px solid var(--rule-dim);background:var(--bg)}.tweaks .seg button{flex:1;background:0 0;border:none;padding:6px 8px;color:var(--fg-muted);font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.tweaks .seg button:hover{color:var(--fg)}.tweaks .seg button[data-on=true]{color:var(--bg);background:var(--accent)}.tweaks .swatch-row{display:flex;gap:6px}.tweaks .swatch{flex:1;height:30px;border:1px solid var(--rule-dim);cursor:pointer}.tweaks .swatch[data-on=true]{outline:2px solid var(--fg);outline-offset:2px}.tweaks-close{background:0 0;border:none;cursor:pointer;color:var(--fg-subtle);padding:2px;font-size:14px}.section-bar{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:48px 0 20px;padding:10px 0 8px;border-top:4px solid var(--rule);border-bottom:1px solid var(--rule-dim);font-family:var(--font-sans);flex-wrap:wrap}.section-bar .title{font-family:var(--font-display);font-size:22px;letter-spacing:-.01em;text-transform:uppercase;font-weight:900;margin:0}.section-bar .title .accent{color:var(--accent)}.section-bar .meta{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--fg-muted)}