@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-latin-ext-837705d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-latin-258a93fe.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plexmono-latin-ext-4af8cef5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plexmono-latin-bb87500e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plexmono-latin-ext-3e942f42.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plexmono-latin-d32f0e07.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plexmono-latin-ext-e57611a8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plexmono-latin-ce9a5ca3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#e9ebe9;--paper-raised:#f5f6f4;--ink:#14181a;--ink-soft:#4e5754;--signal:#b4531b;--fault:#9e2b1c;--rule:color-mix(in oklab, var(--ink) 15%, transparent);--rule-strong:color-mix(in oklab, var(--ink) 30%, transparent);--rule-faint:color-mix(in oklab, var(--ink) 8%, transparent);--grid:color-mix(in oklab, var(--ink) 11%, transparent);--signal-wash:color-mix(in oklab, var(--signal) 9%, var(--paper));--fault-wash:color-mix(in oklab, var(--fault) 8%, var(--paper));--face-text:"Archivo", ui-sans-serif, system-ui, -apple-system, sans-serif;--face-data:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-micro:.75rem;--t-small:.8125rem;--t-body-sm:.875rem;--t-body:1rem;--t-lede:1.0625rem;--t-h3:1.25rem;--t-h2:clamp(1.5rem, 1.25rem + 1.1vw, 1.875rem);--t-h1:clamp(2rem, 1.5rem + 2vw, 2.75rem);--t-hero:clamp(2.75rem, 1.4rem + 5.4vw, 5.25rem);--measure:34rem;--measure-wide:46rem;--lh-body:1.65;--lh-tight:1.15;--lh-code:1.7;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--gutter:clamp(1.25rem, 4vw, 3.5rem);--r-control:2px;--r-pill:999px;--grid-pitch:8px;--grid-dot:1px;--d-fast:.12s;--d-base:.2s;--d-slow:.4s;--ease:cubic-bezier(.2, .7, .2, 1)}.instrument{--paper:#14181a;--paper-raised:#1b2022;--ink:#e9ebe9;--ink-soft:#a4ada9;--signal:#e8894a;--fault:#d4695a}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{background-color:var(--paper);color:var(--ink);font-family:var(--face-text);font-size:var(--t-body);line-height:var(--lh-body);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px, var(--grid) var(--grid-dot), transparent 0);background-size:var(--grid-pitch) var(--grid-pitch);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0% 55%,#0000 100%);mask-image:linear-gradient(#000 0% 55%,#0000 100%)}.hero,main,.footer,.doc-layout{z-index:1;position:relative}img,canvas,svg{max-width:100%;display:block}a{color:var(--signal);text-underline-offset:.18em;text-decoration-thickness:from-font}a:hover{color:color-mix(in oklab, var(--signal) 78%, var(--ink))}:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:var(--r-control)}::selection{background:color-mix(in oklab, var(--signal) 22%, transparent);color:var(--ink)}h1,h2,h3,h4{line-height:var(--lh-tight);letter-spacing:-.021em;text-wrap:balance;margin-block:0;font-weight:620}p{margin-block:0 var(--s-4)}.prose,.doc__lede p,.step__detail,.gotcha__body{max-width:var(--measure)}.prose p,.doc__lede p{max-width:var(--measure);color:var(--ink-soft)}.prose p:last-child,.doc__lede p:last-child{margin-block-end:0}strong{color:var(--ink);font-weight:640}em{font-style:italic}code{font-family:var(--face-data);font-variant-ligatures:none;background:color-mix(in oklab, var(--ink) 6%, transparent);border-radius:var(--r-control);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.1em .32em;font-size:.9em}.prose code,.doc__lede code,.step__detail code{font-size:.875em}.section{max-width:var(--measure-wide);padding:var(--s-8) var(--gutter);border-block-start:1px solid var(--rule);margin-inline:auto}.section--alt{background:color-mix(in oklab, var(--ink) 3%, transparent)}.section>h2{font-size:var(--t-h2);max-width:var(--measure);margin-block-end:var(--s-4)}.hero{padding:clamp(3rem, 8vh, 6rem) var(--gutter) var(--s-7);max-width:var(--measure-wide);margin-inline:auto}.eyebrow{font-family:var(--face-data);font-size:var(--t-micro);color:var(--signal);align-items:center;gap:var(--s-2);margin-block-end:var(--s-5);display:flex}.eyebrow:before{content:"";background:var(--signal);flex:none;width:.5rem;height:.5rem}.hero__title{font-size:var(--t-hero);font-variation-settings:"wdth" 118, "wght" 780;letter-spacing:-.035em;max-width:20ch;margin-block-end:var(--s-5);line-height:.94}.accent{color:var(--signal)}.accent--alt{color:var(--ink);border-block-end:.06em solid var(--signal);padding-block-end:.02em}.lede{font-size:var(--t-lede);color:var(--ink-soft);max-width:var(--measure);margin-block-end:var(--s-7);line-height:1.55}.stats{border-block-start:1px solid var(--rule-strong);grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));margin:0;display:grid}.stat{padding:var(--s-4) var(--s-4) var(--s-4) 0;border-block-end:1px solid var(--rule)}.stat dt{font-family:var(--face-data);font-size:var(--t-micro);color:var(--ink-soft)}.stat dd{font-family:var(--face-data);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);font-weight:500;line-height:1.1}.stat p{margin:var(--s-1) 0 0;font-size:var(--t-small);color:var(--ink-soft);line-height:1.45}.landing-cta{gap:var(--s-3);flex-wrap:wrap;margin-block-start:var(--s-6);display:flex}.cta-button{border:1px solid var(--rule-strong);border-radius:var(--r-control);font-size:var(--t-body-sm);color:var(--ink);transition:border-color var(--d-base) var(--ease), color var(--d-base) var(--ease), background var(--d-base) var(--ease);background:0 0;align-items:center;padding:.7rem 1.05rem;font-weight:550;text-decoration:none;display:inline-flex}.cta-button:hover,.cta-button--primary{border-color:var(--signal);color:var(--signal);background:var(--signal-wash)}.code-panel,.code-block,pre{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-control)}.code-panel{margin-block:var(--s-6);overflow:hidden}.code-panel__head{border-block-end:1px solid var(--rule);background:color-mix(in oklab, var(--ink) 4%, transparent);align-items:center;gap:.4rem;padding:.55rem .85rem;display:flex}.code-panel__head .dot{background:var(--rule-strong);border-radius:var(--r-pill);width:.4rem;height:.4rem}.code-panel__name{font-family:var(--face-data);font-size:var(--t-micro);color:var(--ink-soft);margin-inline-start:auto}pre{padding:var(--s-4);font-family:var(--face-data);font-size:.78rem;line-height:var(--lh-code);font-variant-ligatures:none;tab-size:4;margin-block:0;overflow-x:auto}pre code{font-size:inherit;background:0 0;padding:0}.tok-k{color:var(--ink);font-weight:600}.tok-f{color:var(--signal)}.tok-c{color:var(--ink-soft);font-style:italic}.tok-str{color:var(--ink);opacity:.82}.callout{margin-block:var(--s-6);border-inline-start:2px solid var(--signal);max-width:var(--measure);padding-inline-start:var(--s-4)}.callout--loss{border-inline-start-color:var(--fault)}.callout h3{font-size:var(--t-h3);margin-block-end:var(--s-2)}.callout p{color:var(--ink-soft)}.callout__foot{font-size:var(--t-small)}.crates{margin:var(--s-6) 0 0;border-block-start:1px solid var(--rule-strong);padding:0;list-style:none}.crate{padding:var(--s-4) 0;border-block-end:1px solid var(--rule);transition:background var(--d-base) var(--ease)}.crate:hover{background:color-mix(in oklab, var(--ink) 3%, transparent)}.crate__name{justify-content:space-between;align-items:baseline;gap:var(--s-4);font-family:var(--face-data);font-size:var(--t-body);font-weight:500;display:flex}.crate__count{font-size:var(--t-small);color:var(--signal);font-variant-numeric:tabular-nums}.crate__what{margin:var(--s-1) 0 0;font-size:var(--t-small);color:var(--ink-soft);max-width:var(--measure)}.crate__meta{justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;margin-block-start:var(--s-2);display:flex}.crate__tier{font-family:var(--face-data);font-size:var(--t-micro);color:var(--ink-soft)}.crate__read{font-family:var(--face-data);font-size:var(--t-micro);color:var(--signal);border-block-end:1px solid #0000;text-decoration:none}.crate__read:hover{border-block-end-color:currentColor}.tiers{margin-block:var(--s-6)}.tiers h3{font-size:var(--t-h3);margin-block-end:var(--s-4)}.tier-list{border-block-start:1px solid var(--rule);margin:0;padding:0;list-style:none}.tier{gap:var(--s-4);padding-block:var(--s-3);border-block-end:1px solid var(--rule);grid-template-columns:11rem 1fr auto;align-items:baseline;display:grid}.tier__name{font-size:var(--t-small);cursor:help;font-weight:550}.tier__designs{flex-wrap:wrap;gap:.3rem;display:flex}.tier__chip{font-family:var(--face-data);font-size:var(--t-micro);background:color-mix(in oklab, var(--ink) 6%, transparent);border-radius:var(--r-control);color:var(--ink-soft);padding:.1rem .35rem}.tier__n{font-family:var(--face-data);font-size:var(--t-small);color:var(--signal);font-variant-numeric:tabular-nums}.bar-chart{margin-block:var(--s-4);gap:var(--s-3);display:grid}.bar{gap:var(--s-3);font-family:var(--face-data);font-size:var(--t-micro);grid-template-columns:6.5rem 1fr 8rem;align-items:center;display:grid}.bar__label{color:var(--ink-soft)}.bar__fill{background:var(--signal);border-radius:var(--r-control);transform-origin:0;height:.55rem;transition:width var(--d-slow) var(--ease)}.bar--loss .bar__fill{background:var(--fault)}.bar__value{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}.demo{margin-block:var(--s-7);border-block-start:1px solid var(--rule-strong);padding-block-start:var(--s-4)}.demo__head{align-items:baseline;gap:var(--s-3);margin-block-end:var(--s-3);display:flex}.demo__head h3{font-size:var(--t-h3)}.tag{font-family:var(--face-data);font-size:var(--t-micro);color:var(--ink-soft);border:1px solid var(--rule-strong);border-radius:var(--r-control);flex:none;padding:.1rem .4rem}.tag--bug{color:var(--fault);border-color:color-mix(in oklab, var(--fault) 40%, transparent)}.demo__lede{max-width:var(--measure);color:var(--ink-soft)}.demo__foot{border-block-start:1px solid var(--rule);font-size:var(--t-small);color:var(--ink-soft);max-width:var(--measure);margin-block-start:var(--s-4);padding-block-start:var(--s-3);line-height:1.55}.instrument{background:var(--paper);color:var(--ink)}figure canvas,.demo canvas{border:1px solid var(--rule-strong);border-radius:var(--r-control);background:#14181a}figure canvas{width:100%;height:auto;margin-block:var(--s-4)}figcaption{font-size:var(--t-small);color:var(--ink-soft);max-width:var(--measure);line-height:1.55}.limits{margin:var(--s-5) 0 0;max-width:var(--measure);border-block-start:1px solid var(--rule);padding:0;list-style:none}.limits li{padding-block:var(--s-4);border-block-end:1px solid var(--rule);color:var(--ink-soft)}.footer{max-width:var(--measure-wide);padding:var(--s-6) var(--gutter) var(--s-8);border-block-start:1px solid var(--rule-strong);font-size:var(--t-small);color:var(--ink-soft);margin-inline:auto}.footer__meta{font-family:var(--face-data);font-size:var(--t-micro);color:var(--ink-soft)}.doc-body{padding-block-end:var(--s-8)}.doc-layout{max-width:90rem;padding-inline:var(--gutter);grid-template-columns:15rem minmax(0,1fr);align-items:start;gap:clamp(1.5rem,3.5vw,3.5rem);margin-inline:auto;display:grid}@media (width>=80rem){.doc-layout{grid-template-columns:15rem minmax(0,1fr) 13rem}}.doc{min-width:0;padding-block:var(--s-7) var(--s-8)}.sidebar{top:var(--s-5);max-height:calc(100vh - 3rem);padding-block:var(--s-7) var(--s-4);scrollbar-width:thin;position:sticky;overflow-y:auto}.sidebar__heading{font-family:var(--face-data);font-size:var(--t-micro);color:var(--ink-soft);margin-block-end:var(--s-3)}.sidebar__list{border-block-start:1px solid var(--rule);margin:0;padding:0;list-style:none}.sidebar__item{border-block-end:1px solid var(--rule-faint)}.sidebar__item:has(.is-current){border-inline-start:2px solid var(--signal);background:var(--signal-wash);margin-inline-start:-2px;padding-inline-start:.6rem}.sidebar__link{font-size:var(--t-small);color:var(--ink);padding-block:.5rem .15rem;font-weight:550;text-decoration:none;display:block}.sidebar__link:hover,.sidebar__link.is-current{color:var(--signal)}.sidebar__crate{font-family:var(--face-data);color:var(--ink-soft);padding-block-end:.5rem;font-size:.6875rem;display:block}.sidebar__summary{display:none}.breadcrumb{font-family:var(--face-data);font-size:var(--t-micro);flex-wrap:wrap;align-items:center;gap:.5rem;margin-block-end:var(--s-5);display:flex}.breadcrumb__link{color:var(--ink-soft);text-decoration:none}.breadcrumb__link:hover{color:var(--signal)}.breadcrumb__sep{color:var(--rule-strong)}.breadcrumb__here{color:var(--ink)}.doc-header__meta{gap:var(--s-4);margin-block:0 var(--s-4);border-block-end:1px solid var(--rule);font-family:var(--face-data);font-size:var(--t-micro);color:var(--ink-soft);flex-wrap:wrap;padding-block-end:var(--s-2);display:flex}.doc-header__crate{color:var(--signal)}.doc-header__title{font-size:var(--t-h1);font-variation-settings:"wdth" 112, "wght" 700;margin-block-end:var(--s-4)}.doc__lede{margin-block-end:var(--s-6)}.doc__lede p{font-size:var(--t-lede);line-height:1.6}.onpage{border-block:1px solid var(--rule);padding-block:var(--s-4);margin-block-end:var(--s-6)}.onpage__heading{font-family:var(--face-data);font-size:var(--t-micro);color:var(--ink-soft);margin-block-end:var(--s-3)}.onpage__list{counter-reset:step;gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.onpage__link{font-size:var(--t-small);color:var(--ink-soft);gap:.7rem;text-decoration:none;display:flex}.onpage__link:before{counter-increment:step;content:counter(step, decimal-leading-zero);font-family:var(--face-data);font-size:var(--t-micro);color:var(--signal);flex:none;padding-block-start:.15rem}.onpage__link:hover{color:var(--ink)}.doc__section{margin-block-start:var(--s-7)}.doc__h2{font-size:var(--t-h2);font-variation-settings:"wdth" 108, "wght" 640;border-block-end:1px solid var(--rule-strong);margin-block-end:var(--s-5);padding-block-end:var(--s-2)}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.step{padding-block:var(--s-5);border-block-end:1px solid var(--rule);scroll-margin-top:var(--s-5)}.step__head{align-items:baseline;gap:var(--s-3);max-width:var(--measure);margin-block-end:var(--s-2);display:flex}.step__number{font-family:var(--face-data);font-size:var(--t-small);color:var(--signal);font-variant-numeric:tabular-nums;flex:none;min-width:1.6rem}.step__title{font-size:var(--t-h3);margin:0;font-weight:620}.step__detail{color:var(--ink-soft);margin-block-end:0;padding-inline-start:calc(1.6rem + var(--s-3))}.step .code-block,.step .figure{margin-inline-start:calc(1.6rem + var(--s-3))}.figure{margin-block:var(--s-4);border-inline-start:1px solid var(--signal);padding-inline-start:var(--s-3)}.figure__value{font-family:var(--face-data);color:var(--signal);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.35rem;line-height:1.15;display:block}.figure__unit{font-family:var(--face-data);font-size:var(--t-micro);color:var(--ink-soft);display:block}.figure__caption{font-size:var(--t-small);color:var(--ink-soft);margin-block-start:var(--s-2);line-height:1.5;display:block}@media (width>=80rem){.step .figure{float:right;width:13rem;margin:0 calc(-13rem - clamp(1.5rem, 3.5vw, 3.5rem)) var(--s-4) var(--s-5)}}.gotchas,.notes{gap:var(--s-5);margin:0;padding:0;list-style:none;display:grid}.gotcha,.note{border-inline-start:2px solid var(--ink-soft);max-width:var(--measure);padding-inline-start:var(--s-4)}.note--measured,.note--decision,.note--trap{border-inline-start-color:var(--signal)}.note--gap{border-inline-start-color:var(--rule-strong)}.note__head{align-items:baseline;gap:var(--s-2);flex-wrap:wrap;margin-block-end:var(--s-2);display:flex}.note__kind,.note__title{font-family:var(--face-data);font-size:var(--t-micro)}.note__kind{color:var(--ink-soft);flex:none}.note__kind--measured,.note__kind--decision{color:var(--signal)}.note__kind--trap{color:var(--fault)}.note__title{font-family:var(--face-text);font-size:var(--t-body);color:var(--ink);margin:0;font-weight:620}.gotcha{border-inline-start-color:var(--fault)}.gotcha__title{font-size:var(--t-body);margin-block-end:var(--s-2);font-weight:620}.doc-footer{justify-content:space-between;gap:var(--s-4);border-block-start:1px solid var(--rule-strong);flex-wrap:wrap;margin-block-start:var(--s-8);padding-block-start:var(--s-4);display:flex}.doc-footer__link{font-size:var(--t-small);color:var(--ink-soft);border-block-end:1px solid #0000;padding-block-end:1px;text-decoration:none}.doc-footer__link:hover{color:var(--signal);border-block-end-color:currentColor}.doc-footer__link--next{margin-inline-start:auto}.doc--index{max-width:var(--measure-wide);padding-inline:var(--gutter);margin-inline:auto}.index-card{gap:var(--s-2) var(--s-4);border-block-end:1px solid var(--rule);padding-block:var(--s-4);color:inherit;transition:background var(--d-base) var(--ease), padding-inline var(--d-base) var(--ease);grid-template-columns:1fr auto;align-items:baseline;text-decoration:none;display:grid}.index-card:first-of-type{border-block-start:1px solid var(--rule-strong)}.index-card:hover{background:color-mix(in oklab, var(--ink) 3%, transparent);padding-inline-start:var(--s-2)}.index-card__title{font-size:var(--t-h3);margin:0;font-weight:620}.index-card__crate{font-family:var(--face-data);font-size:var(--t-micro);color:var(--signal);background:0 0;justify-self:end;padding:0}.index-card p{max-width:var(--measure);font-size:var(--t-small);color:var(--ink-soft);grid-column:1/-1;margin:0}.index-card__foot{gap:var(--s-4);font-family:var(--face-data);font-size:var(--t-micro);color:var(--ink-soft);grid-column:1/-1;display:flex}.reveal{opacity:0;transition:opacity var(--d-slow) var(--ease), transform var(--d-slow) var(--ease);transition-delay:var(--delay,0s);transform:translateY(6px)}.js .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}@media print{body:before,.backdrop,.sidebar,.onpage,.doc-footer,.landing-cta{display:none}body{color:#000;background:#fff}.doc-layout{display:block}.code-panel,.code-block,pre{background:#f4f4f4;border:1px solid #999}.step,.gotcha,.note{break-inside:avoid}}@media (width<=60rem){.doc-layout{grid-template-columns:minmax(0,1fr)}.sidebar{border-block-end:1px solid var(--rule);max-height:none;padding-block-end:var(--s-4);position:static}.tier{grid-template-columns:1fr auto}.tier__designs{grid-column:1/-1}.bar{grid-template-columns:5.5rem 1fr}.bar__value{text-align:left;grid-column:2}}@media (width<=40rem){.stats{grid-template-columns:1fr 1fr}.stat{padding-inline-end:var(--s-3)}.step__detail,.step .code-block,.step .figure{margin-inline-start:0;padding-inline-start:0}.step .figure{float:none;width:auto;margin:var(--s-4) 0 0}.landing-cta .cta-button{justify-content:center;width:100%}}.hero__diagram{margin-block:0 var(--s-7)}.hero__diagram canvas{border:1px solid var(--rule-strong);border-radius:var(--r-control);background:#14181a;width:100%;height:auto}.hero__diagram figcaption{max-width:var(--measure);margin-block-start:var(--s-3)}.mdx-pre,pre{margin-block:var(--s-4);padding:var(--s-4);border:1px solid var(--rule);border-radius:var(--r-control);background:var(--paper-raised);font-family:var(--face-data);font-size:.78rem;line-height:var(--lh-code);font-variant-ligatures:none;tab-size:4;overflow-x:auto}.mdx-pre code,pre code{font-size:inherit;background:0 0;padding:0}.step .mdx-pre,.step pre{margin-inline-start:calc(1.6rem + var(--s-3))}@media (width<=40rem){.step .mdx-pre,.step pre{margin-inline-start:0}}.def{margin-block:var(--s-4);padding-block:var(--s-3);border-block:1px solid var(--rule)}.def__term{font-family:var(--face-data);font-size:var(--t-body-sm);color:var(--ink);margin-block-end:var(--s-1);font-weight:500}.def__body{max-width:var(--measure);color:var(--ink-soft);margin:0}.def__body p{margin-block-end:0}.table-wrap{margin-block:var(--s-5);overflow-x:auto}table.compare{border-collapse:collapse;width:100%;font-size:var(--t-small)}table.compare th,table.compare td{text-align:left;vertical-align:top;padding:var(--s-3) var(--s-3) var(--s-3) 0;border-block-end:1px solid var(--rule)}table.compare thead th{font-family:var(--face-data);font-size:var(--t-micro);color:var(--ink-soft);border-block-end-color:var(--rule-strong);font-weight:500}table.compare tbody th{font-family:var(--face-data);color:var(--ink);white-space:nowrap;font-weight:500}table.compare td:not(:first-child):not(:last-child){text-align:right;font-family:var(--face-data);font-variant-numeric:tabular-nums}table.compare td{color:var(--ink-soft)}table.compare td:last-child{color:var(--ink)}.note__body,.gotcha__body{max-width:var(--measure);color:var(--ink-soft)}.note__body p,.gotcha__body p{margin-block-end:0}.note__body p+p,.gotcha__body p+p{margin-block-start:var(--s-3)}.doc__h3{font-size:var(--t-h3);margin-block:var(--s-5) var(--s-3)}.doc>p,.doc>ul,.doc>ol:not(.steps){max-width:var(--measure);color:var(--ink-soft)}.section--walk{border-block-start:1px solid var(--rule);max-width:74rem}.walk{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);align-items:start;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.walk__steps{margin:var(--s-6) 0 0;counter-reset:walk;padding:0;list-style:none}.walk__step{min-height:46vh;border-inline-start:2px solid var(--rule);transition:border-color var(--d-slow) var(--ease);flex-direction:column;justify-content:center;padding-inline-start:var(--s-4);display:flex}.walk__step.is-active{border-inline-start-color:var(--signal)}.walk__label{font-family:var(--face-data);font-size:var(--t-micro);color:var(--ink-soft);transition:color var(--d-slow) var(--ease)}.walk__step.is-active .walk__label{color:var(--signal)}.walk__step p{margin:var(--s-2) 0 0;max-width:var(--measure);color:var(--ink-soft);transition:color var(--d-slow) var(--ease)}.walk__step.is-active p{color:var(--ink)}.walk__figure{top:max(var(--s-5), calc(50vh - 250px));margin:0;position:sticky}.walk__figure canvas{border:1px solid var(--rule-strong);border-radius:var(--r-control);background:#14181a;width:100%;height:auto}.walk__figure figcaption{font-family:var(--face-data);font-size:var(--t-micro);color:var(--ink-soft);margin-block-start:var(--s-3);line-height:1.6}@media (width<=60rem){.walk{grid-template-columns:minmax(0,1fr)}.walk__figure{order:-1;position:static}.walk__step{min-height:0;padding-block:var(--s-4)}}.bar-chart--log .bar__value{font-size:var(--t-micro)}.bar-chart--log .callout__foot{grid-column:1/-1;margin-block-start:var(--s-2)}.skip{z-index:10;background:var(--signal);color:var(--paper);font-size:var(--t-small);padding:.6rem 1rem;position:absolute;top:0;left:-9999px}.skip:focus{left:var(--s-3);top:var(--s-3)}.sitebar{z-index:5;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid var(--rule);position:sticky;top:0}.sitebar__inner{align-items:center;gap:var(--s-5);max-width:90rem;padding:.6rem var(--gutter);margin-inline:auto;display:flex}.sitebar__wordmark{font-family:var(--face-data);font-size:var(--t-small);color:var(--ink);flex:none;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.sitebar__mark{background:var(--signal);flex:none;width:.5rem;height:.5rem}.sitebar__nav{gap:var(--s-4);flex-wrap:wrap;min-width:0;margin-inline-start:var(--s-4);display:flex}.sitebar__link{font-size:var(--t-small);color:var(--ink-soft);transition:color var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease);border-block-end:1px solid #0000;padding-block-end:1px;text-decoration:none}.sitebar__link:hover{color:var(--ink)}.sitebar__link.is-current{color:var(--signal);border-block-end-color:currentColor}.sitebar__meta{font-family:var(--face-data);font-size:var(--t-micro);color:var(--ink-soft);white-space:nowrap;margin-inline-start:auto}@media (width<=52rem){.sitebar__meta{display:none}.sitebar__inner{gap:var(--s-4)}.sitebar__nav{gap:var(--s-3);margin-inline-start:auto}}.doc-layout{padding-block-start:var(--s-4)}@media (width<=52rem){.sitebar__nav .sitebar__link{font-size:var(--t-micro)}}