.l-hero{padding:clamp(64px,9vw,120px) 0 clamp(40px,5vw,64px);position:relative;overflow:hidden}.l-hero:before{content:"";background:radial-gradient(50% 50% at 88% 0%, color-mix(in oklab, var(--brand-blue) 7%, transparent), transparent 60%), radial-gradient(40% 40% at 0% 30%, color-mix(in oklab, var(--accent) 9%, transparent), transparent 60%);pointer-events:none;opacity:.7;position:absolute;inset:0}[data-theme=dark] .l-hero:before{opacity:.45}.l-hero-inner{max-width:880px;position:relative}.l-hero .crumb{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-soft);align-items:center;gap:8px;margin-bottom:18px;font-size:12px;display:inline-flex}.l-hero .crumb a{color:var(--text-muted);transition:color .15s}.l-hero .crumb a:hover{color:var(--text)}.l-hero .crumb .sep{opacity:.5}.l-hero h1{letter-spacing:-.025em;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:600;line-height:1.04}.l-hero h1 .accent{color:var(--brand-blue)}@supports (color:color-mix(in oklab, red, blue)){.l-hero h1 .accent{background:linear-gradient(110deg, var(--brand-blue) 0%, color-mix(in oklab, var(--brand-blue) 65%, var(--accent)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}}.l-hero-meta{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:24px;font-size:13.5px;display:flex}.l-hero-meta .pill{background:var(--bg-tint);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:5px 11px 5px 9px;font-size:12.5px;font-weight:500;display:inline-flex}.l-hero-meta .pill .dot{background:var(--sage);border-radius:50%;width:6px;height:6px}.l-hero-meta .updated{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-muted);font-size:12.5px}.l-hero-meta .updated b{color:var(--text);font-weight:500}.l-hero-meta .sep{background:var(--border-strong);opacity:.5;width:1px;height:14px}.l-hero-lede{color:var(--text-muted);max-width:640px;margin-top:22px;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.6}.l-main{border-top:1px solid var(--border);padding:clamp(40px,6vw,72px) 0 clamp(80px,10vw,140px)}.l-grid{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,88px);display:grid}.l-toc{border-left:1px solid var(--border);padding-left:20px;font-size:13.5px;position:sticky;top:96px}.l-toc h6{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);margin:0 0 14px;font-size:11px;font-weight:600}.l-toc ol{counter-reset:toc;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.l-toc ol li{counter-increment:toc}.l-toc ol a{color:var(--text-muted);border-left:2px solid #0000;gap:10px;margin-left:-22px;padding:6px 0 6px 20px;font-size:13.5px;line-height:1.4;transition:color .15s;display:flex}.l-toc ol a:before{content:counter(toc, decimal-leading-zero);font-family:var(--font-mono);color:var(--text-soft);letter-spacing:.04em;flex-shrink:0;padding-top:1px;font-size:11px}.l-toc ol a:hover{color:var(--text)}.l-toc ol a.active{color:var(--brand-blue);border-left-color:var(--brand-blue)}.l-toc ol a.active:before{color:var(--brand-blue)}[data-theme=dark] .l-toc ol a.active,[data-theme=dark] .l-toc ol a.active:before{color:var(--brand-blue-light)}.l-prose{max-width:70ch;color:var(--text);font-size:15.5px;line-height:1.72}.l-section{padding-top:8px;padding-bottom:24px}.l-section+.l-section{border-top:1px solid var(--border);margin-top:24px;padding-top:40px}.l-section .num{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:500;display:inline-block}.l-section h2{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:18px;scroll-margin-top:96px;font-size:clamp(1.4rem,2.4vw,1.7rem);font-weight:600;line-height:1.2}.l-section h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin-top:28px;margin-bottom:10px;font-size:1.05rem;font-weight:600}.l-prose p{color:var(--text);margin:0 0 16px}.l-prose p.muted{color:var(--text-muted)}.l-prose ul,.l-prose ol{flex-direction:column;gap:8px;margin:0 0 18px;padding-left:0;list-style:none;display:flex}.l-prose ul li,.l-prose ol li{color:var(--text);padding-left:22px;position:relative}.l-prose ul li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:12px;left:4px}.l-prose ol{counter-reset:ord}.l-prose ol li{counter-increment:ord;padding-left:30px}.l-prose ol li:before{content:counter(ord) ".";font-family:var(--font-mono);color:var(--text-soft);font-size:13px;font-weight:500;position:absolute;top:0;left:0}.l-prose strong{color:var(--text);font-weight:600}.l-prose a{color:var(--brand-blue);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--brand-blue) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--brand-blue) 35%, transparent);text-underline-offset:3px;transition:text-decoration-color .15s}.l-prose a:hover{-webkit-text-decoration-color:var(--brand-blue);text-decoration-color:var(--brand-blue)}[data-theme=dark] .l-prose a{color:var(--brand-blue-light)}.l-callout{background:var(--bg-tint);border:1px solid var(--border);border-radius:var(--r-lg);align-items:flex-start;gap:14px;margin:22px 0;padding:18px 20px;display:flex}.l-callout .ic{background:color-mix(in oklab, var(--accent) 22%, transparent);width:28px;height:28px;color:color-mix(in oklab, var(--accent) 60%, #1a1f2e);border-radius:8px;flex-shrink:0;place-items:center;display:grid}[data-theme=dark] .l-callout .ic{color:color-mix(in oklab, var(--accent) 90%, #fff)}.l-callout .body{color:var(--text);font-size:14.5px;line-height:1.6}.l-callout .body b{font-weight:600}.l-defs{border-top:1px solid var(--border);margin:18px 0 24px}.l-defs>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:24px;padding:16px 0;display:grid}.l-defs dt{font-family:var(--font-display);color:var(--text);margin:0;font-size:14px;font-weight:600}.l-defs dt small{font-family:var(--font-mono);color:var(--text-soft);letter-spacing:.04em;margin-top:4px;font-size:11px;font-weight:400;display:block}.l-defs dd{color:var(--text-muted);margin:0;font-size:14.5px;line-height:1.6}@media (max-width:640px){.l-defs>div{grid-template-columns:1fr;gap:6px}}.l-tail{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:32px;font-size:13.5px;display:flex}.l-tail .sibling{background:var(--bg-tint);color:var(--text);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-weight:500;transition:background .15s,transform .15s;display:inline-flex}.l-tail .sibling:hover{background:var(--bg-elevated);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.l-tail .sibling .arr{color:var(--brand-blue)}.l-tail .top{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;transition:color .15s,background .15s;display:inline-flex}.l-tail .top:hover{color:var(--text);background:var(--bg-tint)}@media (max-width:920px){.l-grid{grid-template-columns:1fr;gap:32px}.l-toc{border-left:0;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-tint);padding:18px 20px;position:static}.l-toc ol a{border-left:0;margin-left:0;padding-left:0}.l-toc ol a.active{border-left:0;padding-left:0}}