@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--paper:#EBF0ED;--sheet:#F7F9F8;--tint:#E3EAE6;--chip:#DCE5E1;--rule:#CBD6D1;--rule-strong:#B5C4BE;--ink:#13212E;--body:#3D4F5C;--muted:#56666F;--marigold:#F0A830;--on-marigold:#13212E;--marigold-text:#9A5B05;--marigold-weak:#FBEBCB;--teal:#26706A;--teal-weak:#DCEDEA;--night:#111C28;--night-2:#172636;--night-3:#1B2C3D;--night-rule:#2E4A5F;--on-night:#EEF2EF;--on-night-body:#B7C8D2;--on-night-muted:#8EA6B5;--good:#2E7D4F;--good-weak:#E0F0E6;--warn:#9A5B05;--warn-weak:#FBEBCB;--bad:#B4432F;--bad-weak:#F6E1DC;--font-display:"Bricolage Grotesque","Arial Narrow",Arial,sans-serif;--font-body:"IBM Plex Sans","Segoe UI",Arial,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--fs-display:clamp(40px,6vw,72px);--fs-h1:36px;--fs-h2:22px;--fs-h3:18px;--fs-stat:40px;--fs-lead:20px;--fs-body:16px;--fs-read:17px;--fs-small:14px;--fs-label:13px;--fs-floor:12px;--bg:var(--paper);--bg-soft:var(--tint);--surface:var(--sheet);--surface-2:var(--tint);--sidebar:var(--night);--line:var(--rule);--line-strong:var(--rule-strong);--ink-2:var(--body);--faint:var(--muted);--accent:var(--marigold);--accent-text:var(--marigold-text);--accent-ink:var(--marigold-text);--accent-soft:var(--marigold-weak);--teal-soft:var(--teal-weak);--warn-soft:var(--warn-weak);--good-soft:var(--good-weak);--code-bg:var(--night);--code-ink:var(--on-night);--tok-k:#F3B54C;--tok-s:#9FDCAE;--tok-n:#F08C77;--tok-c:var(--on-night-muted);--tok-f:#6CC0B7;--mark:var(--marigold-weak);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0D151E;--sheet:#142130;--tint:#182838;--chip:#1C2D3E;--rule:#26394A;--rule-strong:#2E4A5F;--ink:#E8EEEA;--body:#B3C2CB;--muted:#8698A4;--marigold:#F0A830;--on-marigold:#13212E;--marigold-text:#F3B54C;--marigold-weak:#3A2E14;--teal:#6CC0B7;--teal-weak:#16302F;--night:#0A1119;--night-2:#142130;--night-3:#1B2C3D;--night-rule:#2A4256;--on-night:#EEF2EF;--on-night-body:#AFC1CC;--on-night-muted:#8EA6B5;--good:#6FD09C;--good-weak:#14291F;--warn:#F3B54C;--warn-weak:#2B2110;--bad:#F08C77;--bad-weak:#2D1A15;color-scheme:dark}}:root[data-theme=dark]{--paper:#0D151E;--sheet:#142130;--tint:#182838;--chip:#1C2D3E;--rule:#26394A;--rule-strong:#2E4A5F;--ink:#E8EEEA;--body:#B3C2CB;--muted:#8698A4;--marigold:#F0A830;--on-marigold:#13212E;--marigold-text:#F3B54C;--marigold-weak:#3A2E14;--teal:#6CC0B7;--teal-weak:#16302F;--night:#0A1119;--night-2:#142130;--night-3:#1B2C3D;--night-rule:#2A4256;--on-night:#EEF2EF;--on-night-body:#AFC1CC;--on-night-muted:#8EA6B5;--good:#6FD09C;--good-weak:#14291F;--warn:#F3B54C;--warn-weak:#2B2110;--bad:#F08C77;--bad-weak:#2D1A15;color-scheme:dark}@media(max-width:640px){:root{--fs-h1:28px}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;font-synthesis:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}a{color:var(--teal)}mark{background:var(--marigold-weak);color:inherit;border-radius:2px;padding:0 1px}h1,h2,h3{text-wrap:balance}.chapter-tile-num,.q-num,.code-block figcaption,.nav-number{font-family:var(--font-mono)}.skip-link{position:absolute;top:-100px;left:10px;background:var(--sheet);color:var(--ink);z-index:99;padding:10px}.skip-link:focus{top:10px}.eyebrow,.chapter-eyebrow{font:500 var(--fs-label)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--marigold-text)}.sidebar{position:fixed;inset:0 auto 0 0;width:286px;background:var(--night);border-right:1px solid var(--night-rule);z-index:30;display:flex;flex-direction:column;color:var(--on-night-body)}.brand{min-height:96px;padding:22px;display:flex;gap:14px;align-items:center;border:0;border-bottom:1px solid var(--night-rule);background:transparent;text-align:left;flex:none;color:var(--on-night)}.brand-mark{position:relative;display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:10px;background:var(--marigold);color:var(--on-marigold);font:800 29px/1 var(--font-display);letter-spacing:-.15em;padding-right:5px}.brand-dot{position:absolute;right:8px;bottom:8px;width:6px;height:6px;background:var(--on-marigold);border-radius:50%}.brand-copy strong{font:700 var(--fs-small)/1.15 var(--font-display);letter-spacing:.06em;color:var(--on-night)}.brand-copy small{display:block;margin-top:6px;font:400 var(--fs-floor)/1.35 var(--font-mono);color:var(--on-night-muted)}.sidebar-scroll{overflow:auto;padding:22px 12px 24px;scrollbar-width:none;-ms-overflow-style:none;flex:1}.sidebar-scroll::-webkit-scrollbar{display:none}.nav-group{margin-bottom:24px}.nav-group-title{padding:0 10px 8px;font:500 var(--fs-floor)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--on-night-muted)}.nav-item{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;color:var(--on-night-body);border-radius:8px;padding:8px 10px;min-height:36px;transition:background .15s,color .15s}.nav-item:hover{background:var(--night-2);color:var(--on-night)}.nav-item.active{background:var(--night-3);color:var(--marigold)}.nav-number{font-size:var(--fs-floor);color:var(--on-night-muted);min-width:18px;font-variant-numeric:tabular-nums}.nav-icon{color:var(--on-night-muted);flex:none}.nav-item.active .nav-number,.nav-item.active .nav-icon{color:var(--marigold)}.nav-text{font-size:var(--fs-small);font-weight:500;line-height:1.35;flex:1}.nav-progress{font:var(--fs-floor) var(--font-mono);color:var(--on-night-muted);font-variant-numeric:tabular-nums}.nav-chevron{opacity:0;color:var(--on-night-muted);flex:none}.nav-item:hover .nav-chevron{opacity:1}.nav-item.active .nav-chevron{opacity:1;color:var(--marigold)}.sidebar-foot{border-top:1px solid var(--night-rule);padding:16px 22px;font:var(--fs-floor) var(--font-mono);color:var(--on-night-muted);display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--on-night-body)}.content-wrap{margin-left:286px;min-width:0}.topbar{height:64px;border-bottom:1px solid var(--rule);background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 clamp(16px,4.5vw,72px);gap:16px;position:sticky;top:0;z-index:20}.topbar-path{display:flex;align-items:center;gap:8px;font:var(--fs-label) var(--font-mono);color:var(--muted);white-space:nowrap;overflow:hidden;flex:1;min-width:0}.topbar-path>span{overflow:hidden;text-overflow:ellipsis}.topbar-path button{border:0;background:none;padding:0;color:var(--body);font-weight:500}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--rule);border-radius:10px;background:var(--sheet);color:var(--body);flex:none}.icon-btn:hover{border-color:var(--rule-strong);color:var(--ink)}.mobile-menu{display:none}.search-wrap{width:340px;height:40px;border:1px solid var(--rule);border-radius:10px;background:var(--sheet);display:flex;align-items:center;gap:8px;padding:0 8px 0 12px;color:var(--muted);position:relative;flex:none}.search-wrap:focus-within{border-color:var(--marigold);box-shadow:0 0 0 3px color-mix(in srgb,var(--marigold) 35%,transparent)}.search-wrap input{border:0;outline:none!important;background:transparent;width:100%;font-size:var(--fs-small);min-width:0}.search-wrap input::placeholder{color:var(--muted)}.search-wrap input::-webkit-search-cancel-button{display:none}.search-wrap kbd{display:flex;align-items:center;gap:2px;border:1px solid var(--rule);border-radius:6px;padding:2px 6px;color:var(--muted);font:var(--fs-floor) var(--font-mono)}.search-results{position:absolute;top:48px;right:0;width:min(560px,calc(100vw - 24px));background:var(--sheet);border:1px solid var(--rule);border-radius:14px;padding:8px;max-height:min(560px,75vh);overflow:auto;z-index:50;box-shadow:0 16px 40px color-mix(in srgb,var(--night) 22%,transparent)}.search-results-head{font:500 var(--fs-label) var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--marigold-text);padding:8px 10px 10px;border-bottom:1px solid var(--rule);margin-bottom:4px}.search-results button{display:flex;flex-direction:column;gap:4px;width:100%;padding:10px;border:0;background:transparent;text-align:left;border-radius:10px}.search-results button.active{background:var(--chip)}.sr-q{font:700 var(--fs-body)/1.35 var(--font-display);color:var(--ink)}.sr-snippet{font-size:var(--fs-label);line-height:1.5;color:var(--body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-results small{font:var(--fs-floor) var(--font-mono);color:var(--muted)}.search-results p{padding:8px 10px;font-size:var(--fs-label);color:var(--body);margin:0}.primary-btn,.secondary-btn{border:1px solid transparent;padding:12px 18px;border-radius:10px;display:inline-flex;align-items:center;gap:12px;font-size:var(--fs-small);font-weight:600;line-height:1.3}.primary-btn{background:var(--marigold);color:var(--on-marigold)}.primary-btn:hover{background:color-mix(in srgb,var(--marigold) 88%,var(--ink))}.secondary-btn{background:transparent;border-color:var(--rule);color:var(--ink)}.secondary-btn:hover{border-color:var(--rule-strong)}.ghost-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--rule);background:transparent;border-radius:10px;padding:8px 12px;font-size:var(--fs-small);font-weight:600;color:var(--ink)}.ghost-btn:hover{border-color:var(--rule-strong)}.level-chip,.status-chip{display:inline-block;font:500 var(--fs-floor)/1.5 var(--font-mono);padding:2px 10px;border-radius:999px;background:var(--chip);color:var(--ink);white-space:nowrap;letter-spacing:.02em}.level-chip.basic{background:var(--teal-weak)}.status-ga{background:var(--good-weak)}.status-gated,.status-early-access{background:var(--warn-weak)}.status-trend,.status-spec{background:var(--teal-weak)}.home-hero{background:radial-gradient(ellipse at 85% 0%,#1E3447 0%,var(--night) 60%);color:var(--on-night);padding:clamp(48px,7vw,96px) clamp(16px,4.5vw,72px) clamp(40px,5vw,64px)}.home-hero .eyebrow{color:var(--marigold)}.home-hero h1{font:800 var(--fs-display)/1.02 var(--font-display);letter-spacing:-.02em;margin:16px 0 20px;max-width:16ch;color:var(--on-night)}.home-hero h1 em{font-style:normal;color:var(--on-night-body)}.hero-lead{max-width:62ch;font-size:var(--fs-lead);line-height:1.6;color:var(--on-night-body);margin:0}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:32px;flex-wrap:wrap}.home-hero .secondary-btn{border-color:var(--night-rule);color:var(--on-night)}.home-hero .secondary-btn:hover{border-color:var(--on-night-muted)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:48px 0 0;max-width:880px}.stats>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:4px;border-top:2px solid var(--night-rule);padding-top:14px}.stats>div:first-child{border-top-color:var(--marigold)}.stats dd{margin:0;font:800 var(--fs-stat)/1 var(--font-display);letter-spacing:-.02em;color:var(--on-night);font-variant-numeric:tabular-nums}.stats dt{font:500 var(--fs-label)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--on-night-muted)}.overview{padding:48px clamp(16px,4.5vw,72px) 0}.overview:last-of-type{padding-bottom:72px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--rule);padding-bottom:16px}.section-heading h2{font:700 var(--fs-h2)/1.25 var(--font-display);margin:8px 0 0;color:var(--ink)}.section-heading>span{font-size:var(--fs-small);color:var(--body)}.overview-group{margin-top:32px}.overview-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.overview-group-heading h3{font:700 var(--fs-h3)/1.3 var(--font-display);margin:0;color:var(--ink)}.overview-group-heading>span{font:var(--fs-label) var(--font-mono);color:var(--muted)}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.chapter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;border-top:1px solid var(--rule)}.chapter-list .chapter-tile{min-height:0;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:transparent;padding:16px 8px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;column-gap:12px;row-gap:4px;align-items:baseline}.chapter-list .chapter-tile:hover{background:var(--tint)}.chapter-list .chapter-tile-num{grid-column:1;grid-row:1}.chapter-list .chapter-tile strong{grid-column:2;grid-row:1;font-size:var(--fs-body)}.chapter-list .tile-intro{grid-column:2;grid-row:2}.chapter-list .chapter-tile-bottom{grid-column:3;grid-row:1/span 2;align-self:center;width:auto;margin:0;gap:12px}.path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.chapter-tile,.path-tile{min-height:170px;border:1px solid var(--rule);border-radius:14px;background:var(--sheet);color:var(--ink);text-align:left;padding:20px 22px;display:flex;flex-direction:column;align-items:stretch;gap:8px;transition:border-color .15s}.chapter-tile:hover,.path-tile:hover{border-color:var(--rule-strong)}.chapter-tile-num{font-size:var(--fs-label);color:var(--muted);font-variant-numeric:tabular-nums}.chapter-tile strong,.path-tile strong{font:700 var(--fs-h3)/1.3 var(--font-display);color:var(--ink)}.tile-intro,.path-blurb{font-size:var(--fs-small);line-height:1.55;color:var(--body);flex:1}.path-tile small.trend-meta{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path-tile small{font:500 var(--fs-label)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.tile-progress{width:100%;height:4px;background:var(--chip);border-radius:4px;overflow:hidden;margin-top:6px}.tile-progress span{display:block;height:100%;background:var(--teal)}.chapter-tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;color:var(--muted);font:var(--fs-label) var(--font-mono);margin-top:4px}.chapter-tile-bottom svg{color:var(--teal);flex:none;transition:transform .15s}.chapter-tile:hover .chapter-tile-bottom svg,.path-tile:hover .chapter-tile-bottom svg{transform:translate(3px)}.trend-tile-top{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.trend-tile .chapter-tile-num{font:500 var(--fs-label) var(--font-mono);color:var(--muted)}.chapter-tile .chapter-tile-num{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-tile-top>.chapter-tile-num{min-width:0;flex:1}.has-video{display:inline-flex;align-items:center;gap:6px;color:var(--teal)}.chapter-header{padding:48px clamp(16px,4.5vw,72px) 8px;max-width:1160px}.chapter-eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chapter-eyebrow-rule{width:4px;height:4px;border-radius:50%;background:var(--muted)}.chapter-eyebrow .status-chip{margin-left:4px;text-transform:none}.eyebrow-link{border:0;background:none;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}.eyebrow-link:hover{text-decoration:underline}.chapter-header h1{font:700 var(--fs-h1)/1.15 var(--font-display);letter-spacing:-.02em;margin:12px 0;max-width:44ch;color:var(--ink)}.title-period{color:inherit}.chapter-intro{font-size:var(--fs-lead);color:var(--body);line-height:1.6;max-width:62ch;margin:0}.chapter-meta{display:flex;align-items:center;gap:10px;font:var(--fs-label) var(--font-mono);color:var(--muted);margin-top:20px;flex-wrap:wrap;font-variant-numeric:tabular-nums}.meta-rule{width:3px;height:3px;border-radius:50%;background:var(--muted);margin:0 2px}.progress-bar{height:4px;max-width:420px;background:var(--chip);border-radius:4px;margin-top:16px;overflow:hidden}.progress-bar span{display:block;height:100%;background:var(--marigold);transition:width .3s}.primer{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;padding:32px clamp(16px,4.5vw,72px) 0;max-width:1280px}.primer-text p{font-size:var(--fs-read);line-height:1.7;color:var(--body);margin:16px 0 0;max-width:72ch}.primer-text p:first-child{margin-top:0}.takeaways{background:var(--sheet);border:1px solid var(--rule);border-radius:14px;padding:20px 22px;align-self:start}.takeaways ol{margin:12px 0 0;padding-left:22px;display:grid;gap:10px}.takeaways li{font-size:var(--fs-small);line-height:1.6;color:var(--body)}.takeaways li::marker{color:var(--muted);font:500 var(--fs-label) var(--font-mono)}.rail-title{font:500 var(--fs-label)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--marigold-text);margin:0 0 4px}.faq-layout{padding:32px clamp(16px,4.5vw,72px) 48px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;max-width:1280px}.faq-layout.single{grid-template-columns:minmax(0,880px)}.faq-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:64px;z-index:5;background:var(--paper);padding:12px 0;border-bottom:1px solid var(--rule)}.filter-controls{display:flex;gap:4px;border:1px solid var(--rule);background:var(--tint);padding:3px;border-radius:999px}.filter-controls button{border:0;background:transparent;color:var(--body);border-radius:999px;padding:6px 14px;font:500 var(--fs-label) var(--font-mono)}.filter-controls button.selected{background:var(--sheet);color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule-strong)}.loading{padding:40px 0;color:var(--muted)}.q-card{border-bottom:1px solid var(--rule);scroll-margin-top:130px}.q-card.open{border-bottom-color:var(--rule-strong)}.q-head{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;width:100%;border:0;background:transparent;text-align:left;padding:22px 0;border-radius:0;color:var(--ink)}.q-head:not(:disabled):hover .q-text{color:var(--teal)}.q-num{font-size:var(--fs-label);color:var(--muted);padding-top:3px;display:flex;font-variant-numeric:tabular-nums}.is-read .q-num{color:var(--good)}.q-title{display:flex;flex-direction:column;gap:6px;min-width:0}.q-chapter{font:500 var(--fs-floor)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.q-text{font:700 var(--fs-h3)/1.35 var(--font-display);color:var(--ink);transition:color .15s}.q-tldr{font-size:var(--fs-body);line-height:1.6;color:var(--body)}.q-side{display:flex;align-items:center;gap:10px;align-self:start;padding-top:2px}.q-chevron{color:var(--muted);transition:transform .2s}.open .q-chevron{transform:rotate(180deg)}.q-plain-example{padding:0 0 20px 48px;font-size:var(--fs-small);color:var(--body)}.q-plain-example span{font:500 var(--fs-floor) var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--marigold-text);margin-right:6px}.q-panel{padding:0 0 32px 48px;animation:reveal .2s ease-out}@keyframes reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}.answer{max-width:76ch}.prose p{font-size:var(--fs-read);line-height:1.7;color:var(--body);margin:16px 0 0}.prose strong,.block strong{color:var(--ink);font-weight:600}.answer code,.takeaways code,.primer code,.q-tldr code,.trend-tldr code,.use-case code,.access-list code,.table-scroll code{font:.88em var(--font-mono);background:var(--tint);color:var(--teal);border-radius:4px;padding:1px 5px}.block{margin-top:24px}.block h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:500 var(--fs-label)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--body)}.block h4 span{text-transform:none;letter-spacing:0;font-family:var(--font-body);font-weight:500;color:var(--muted)}.block h4 span:before{content:"·";margin-right:8px}.block h4 svg{color:var(--muted);flex:none}.block p,.block li{font-size:var(--fs-body);line-height:1.65;color:var(--body)}.block p{margin:0}.steps ol{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}.steps li{counter-increment:s;position:relative;padding-left:40px;min-height:28px}.steps li:before{content:counter(s);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:999px;background:var(--chip);color:var(--ink);display:grid;place-items:center;font:500 var(--fs-label) var(--font-mono)}.example-block{background:var(--sheet);border:1px solid var(--rule);border-radius:14px;padding:20px 22px}.example-block>p+*,.example-block>.table-scroll+*{margin-top:16px}.callouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:24px}.callouts .block{margin:0}.pitfalls,.practice{border-radius:14px;padding:20px 22px}.pitfalls{background:var(--warn-weak);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent)}.pitfalls h4,.pitfalls h4 svg{color:var(--warn)}.pitfalls ul{margin:0;padding-left:18px;display:grid;gap:8px}.pitfalls li::marker{color:var(--warn)}.practice{background:var(--good-weak);border:1px solid color-mix(in srgb,var(--good) 30%,transparent)}.practice h4{color:var(--ink)}.practice h4 svg{color:var(--good)}.pitfalls li,.practice p{color:var(--ink)}.related{margin-top:24px}.label{display:flex;align-items:center;gap:6px;font:500 var(--fs-label)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--body);margin-bottom:12px}.related>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.related a{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--rule);border-radius:10px;text-decoration:none;background:var(--sheet)}.related a:hover{border-color:var(--teal)}.related a span{font-size:var(--fs-small);font-weight:600;color:var(--ink);line-height:1.4}.related a small{font:var(--fs-floor) var(--font-mono);color:var(--muted)}.q-actions{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.q-actions button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule);background:transparent;border-radius:10px;padding:8px 12px;font-size:var(--fs-small);font-weight:600;color:var(--ink)}.q-actions button:hover{border-color:var(--rule-strong)}.q-actions button.done{background:var(--good-weak);border-color:color-mix(in srgb,var(--good) 35%,transparent);color:var(--good)}.code-block{margin:0;border-radius:14px;overflow:hidden;background:var(--night);border:1px solid var(--night-rule)}.code-block figcaption{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 8px 16px;font-size:var(--fs-floor);color:var(--on-night-muted);border-bottom:1px solid var(--night-rule);text-transform:lowercase}.code-block figcaption button{display:flex;align-items:center;gap:6px;border:0;background:var(--night-2);color:var(--on-night-body);border-radius:6px;padding:4px 8px;font:var(--fs-floor) var(--font-mono)}.code-block figcaption button:hover{color:var(--on-night)}.code-block pre{margin:0;padding:16px;overflow:auto;font:var(--fs-label)/1.65 var(--font-mono);color:var(--on-night);tab-size:2}.code-block pre code{background:none;border:0;padding:0;font:inherit;color:inherit}.tok-keyword{color:var(--tok-k)}.tok-string{color:var(--tok-s)}.tok-number{color:var(--tok-n)}.tok-comment{color:var(--tok-c);font-style:italic}.tok-call{color:var(--tok-f)}.table-scroll{overflow-x:auto;border:1px solid var(--rule);border-radius:10px;background:var(--sheet)}.table-scroll table{border-collapse:collapse;width:100%;font-size:var(--fs-small)}.table-scroll th,.table-scroll td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);line-height:1.5}.table-scroll thead th{font:500 var(--fs-label)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--body);background:var(--tint)}.table-scroll tbody th{font-weight:600;color:var(--ink)}.table-scroll td{color:var(--body)}.table-scroll .num{text-align:right;font-variant-numeric:tabular-nums}.table-scroll tr:last-child>*{border-bottom:0}.reading-rail{min-width:0}.rail-card{position:sticky;top:84px;border:1px solid var(--rule);background:var(--sheet);border-radius:14px;padding:18px 16px;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin}.rail-card ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:2px}.rail-card a{display:grid;grid-template-columns:26px 1fr;gap:6px;padding:6px;border-radius:8px;text-decoration:none;font-size:var(--fs-label);line-height:1.45;color:var(--body)}.rail-card a:hover{background:var(--tint);color:var(--ink)}.rail-card a span{font:var(--fs-floor) var(--font-mono);color:var(--muted);padding-top:1px;font-variant-numeric:tabular-nums}.rail-card a.is-read span{color:var(--good)}.chapter-pagination{border-top:1px solid var(--rule);margin:8px clamp(16px,4.5vw,72px) 56px;display:flex;justify-content:space-between;gap:20px;padding-top:20px}.chapter-pagination button{display:flex;align-items:center;gap:14px;max-width:340px;border:0;background:transparent;color:var(--teal);padding:10px 0;text-align:left;font:700 var(--fs-body)/1.35 var(--font-display)}.chapter-pagination button span{display:flex;flex-direction:column;gap:4px;color:var(--ink)}.chapter-pagination small{font:500 var(--fs-floor)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.chapter-pagination>div:last-child button{text-align:right}.chapter-pagination button:hover span{color:var(--teal)}.footer{border-top:1px solid var(--rule);padding:24px clamp(16px,4.5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font:var(--fs-floor) var(--font-mono)}.footer span:first-child{color:var(--body);font-weight:500;letter-spacing:.06em}.footer button{border:0;background:none;color:var(--teal);font:var(--fs-floor) var(--font-mono)}@media(max-width:1250px){.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primer{grid-template-columns:minmax(0,1fr)}}@media(max-width:1150px){.sidebar{width:255px}.content-wrap{margin-left:255px}.faq-layout{grid-template-columns:minmax(0,1fr)}.reading-rail{display:none}.search-wrap{width:260px}}@media(max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-list{grid-template-columns:minmax(0,1fr)}}@media(max-width:800px){.sidebar{transform:translate(-105%);width:min(320px,86vw);transition:transform .2s}.sidebar-open{transform:translate(0)}.mobile-scrim{position:fixed;inset:0;border:0;background:color-mix(in srgb,var(--night) 60%,transparent);z-index:25}.content-wrap{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 16px;gap:10px}.search-wrap{width:200px}}@media(max-width:640px){.topbar-path{display:none}.search-wrap{flex:1;width:auto}.search-wrap kbd{display:none}.search-results{right:-50px}.home-hero{padding:48px 16px 40px}.hero-lead{font-size:var(--fs-body)}.stats{gap:20px 16px;margin-top:36px}.stats dd{font-size:32px}.overview{padding:40px 16px 0}.section-heading{align-items:start;flex-direction:column;gap:8px}.chapter-grid,.path-grid,.chapter-list{grid-template-columns:minmax(0,1fr)}.chapter-tile,.path-tile{min-height:0}.chapter-header{padding:40px 16px 24px}.chapter-intro{font-size:var(--fs-body)}.primer{padding:32px 16px 0}.faq-layout{padding:24px 16px}.q-head{grid-template-columns:minmax(0,1fr) auto;padding:18px 0}.q-num{display:none}.q-tldr{font-size:var(--fs-small)}.q-panel{padding:0 0 24px}.q-plain-example{padding:0 0 16px}.prose p{font-size:var(--fs-body)}.example-block,.pitfalls,.practice{padding:16px}.callouts{grid-template-columns:minmax(0,1fr)}.chapter-pagination{margin:8px 16px 40px}.chapter-pagination button{font-size:var(--fs-small);gap:8px}.footer{padding:20px 16px;flex-wrap:wrap}.footer span:nth-child(2){display:none}}.prerender{max-width:760px;margin:0 auto;padding:48px 20px;line-height:1.7;color:var(--body);font-family:var(--font-body)}.prerender h1,.prerender h2{font-family:var(--font-display);color:var(--ink)}.feed-refresh{margin-left:6px;padding:4px 10px;font-size:var(--fs-floor)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.feed-layout.single{grid-template-columns:minmax(0,820px)}.feed-toolbar{flex-wrap:wrap}.feed-kinds{display:flex;gap:6px;flex-wrap:wrap}.feed-kinds button{display:flex;align-items:center;gap:6px;border:1px solid transparent;background:var(--chip);color:var(--body);border-radius:999px;padding:5px 12px;font:500 var(--fs-label) var(--font-mono)}.feed-kinds button:hover{border-color:var(--rule-strong)}.feed-kinds button span{color:var(--body);font-variant-numeric:tabular-nums}.feed-kinds button.selected{background:var(--ink);color:var(--paper)}.feed-kinds button.selected span{color:color-mix(in srgb,var(--paper) 78%,var(--ink))}.feed-filter{border:1px solid var(--rule);background:var(--sheet);color:var(--ink);border-radius:10px;padding:8px 12px;font-size:var(--fs-small);min-width:200px;flex:1;max-width:280px}.feed-filter::placeholder{color:var(--muted)}.feed-day{margin-top:8px}.feed-day-title{font:500 var(--fs-label)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--marigold-text);margin:32px 0 4px;padding-bottom:8px;border-bottom:1px solid var(--rule-strong)}.feed-item{padding:16px 0 18px;border-bottom:1px solid var(--rule)}.feed-item:last-child{border-bottom:0}.feed-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:var(--fs-floor) var(--font-mono);color:var(--muted)}.feed-source{color:var(--ink);font-weight:500}.feed-kind{padding:1px 8px;border-radius:999px;background:var(--chip);color:var(--ink);font-size:var(--fs-floor);text-transform:uppercase;letter-spacing:.06em}.feed-meta time{margin-left:auto}.feed-item h3{font:700 var(--fs-h3)/1.35 var(--font-display);margin:8px 0 0}.feed-item h3 a{text-decoration:none;color:var(--ink)}.feed-item h3 a:hover{color:var(--teal)}.feed-summary,.feed-post{font-size:var(--fs-small);line-height:1.6;color:var(--body);margin:6px 0 0;overflow-wrap:anywhere}.feed-post{font-size:var(--fs-body);color:var(--ink);white-space:pre-line}.feed-links{display:flex;gap:14px;margin-top:8px;flex-wrap:wrap}.feed-links a{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-label);color:var(--teal);text-decoration:none}.feed-links a:hover{text-decoration:underline}.feed-sources{margin-top:32px;border:1px solid var(--rule);border-radius:14px;padding:14px 18px;background:var(--sheet);font-size:var(--fs-label);color:var(--body)}.feed-sources summary{cursor:pointer;font-weight:600;color:var(--ink)}.feed-sources ul{columns:2;column-gap:24px;padding:0;list-style:none;margin:12px 0}.feed-sources li{break-inside:avoid;padding:2px 0;color:var(--good)}.feed-sources li.down{color:var(--warn)}.feed-sources small{color:var(--muted)}@media(max-width:640px){.feed-filter{max-width:none;min-width:0;width:100%}.feed-sources ul{columns:1}.feed-meta time{margin-left:0}}.heading-links{display:flex;gap:8px;flex-wrap:wrap}.trend-layout{padding-top:16px}.trend-lead{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.trend-lead.with-video{grid-template-columns:minmax(0,1fr) 250px}.trend-tldr{padding:4px 0 0}.trend-tldr p{font-size:var(--fs-lead);line-height:1.6;color:var(--ink);margin:8px 0 0;max-width:62ch}.trend-video{margin:0}.trend-video-frame{position:relative;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:var(--night);border:1px solid var(--rule)}.trend-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.trend-video figcaption{display:flex;align-items:center;gap:6px;font:var(--fs-floor) var(--font-mono);color:var(--muted);margin-top:8px}.trend-section{margin-top:40px;scroll-margin-top:90px}.trend-section h2{font:700 var(--fs-h2)/1.3 var(--font-display);margin:0 0 4px;color:var(--ink)}.trend-section .prose{max-width:76ch}.trend-try{margin:0}.use-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:16px}.use-case{background:var(--sheet);border:1px solid var(--rule);border-radius:14px;padding:20px}.use-case strong{font:700 var(--fs-h3)/1.3 var(--font-display);color:var(--ink)}.use-case p{font-size:var(--fs-small);line-height:1.6;color:var(--body);margin:8px 0 0}.access-list{margin:16px 0 0;border-top:1px solid var(--rule)}.access-list div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}.access-list dt{font:500 var(--fs-label)/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.access-list dd{margin:0;font-size:var(--fs-body);line-height:1.6;color:var(--body)}.source-list{padding-left:22px;margin:12px 0 0;display:grid;gap:8px}.source-list li{font-size:var(--fs-small);line-height:1.5}.source-list li::marker{font:var(--fs-floor) var(--font-mono);color:var(--muted)}.source-list a{color:var(--teal);text-decoration:none}.source-list a:hover{text-decoration:underline}.source-list small{color:var(--muted);font-size:var(--fs-floor)}@media(max-width:900px){.trend-lead.with-video{grid-template-columns:minmax(0,1fr)}.trend-video{max-width:300px}}@media(max-width:640px){.access-list div{grid-template-columns:minmax(0,1fr);gap:4px}.trend-tldr p{font-size:var(--fs-body)}}.trend-section>.block.practice,.trend-section>.block.pitfalls{margin:0}.trend-overview{padding-top:0}.trend-overview .overview-group:first-child{margin-top:8px}