@layer reset,base,layout,components,theme;@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;font-display:swap;src:url("/css/atkinson-hyperlegible-next-wght-4LEQQAMU.woff2") format("woff2")}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:200 800;font-display:swap;src:url("/css/atkinson-hyperlegible-mono-wght-BR7KQFBT.woff2") format("woff2")}:root{color-scheme:dark;--stage: #050505;--black: #000;--well: #040a1a;--groove: #0b1428;--page: #0d0d0d;--cell: #161616;--line: #242424;--line-strong: #6e6e6e;--ink-1: #f4f4f2;--ink-2: #c4c4c0;--ink-3: #93938f;--sub-r: #ff4b3e;--sub-g: #38f07a;--sub-b: #4a7dff;--sub: 2px;--subpixels: repeating-linear-gradient(90deg, var(--sub-r) 0 var(--sub), var(--sub-g) var(--sub) calc(var(--sub) * 2), var(--sub-b) calc(var(--sub) * 2) calc(var(--sub) * 3));--alert: #ff3b30;--green: #38f07a;--blue: #5b8cff;--amber: #ffb224;--sky: #8ec5ff;--blue-ink: #b9ccff;--navy-1: oklch(.18 .05 264);--navy-2: oklch(.14 .035 264);--navy-3: oklch(.22 .07 264);--rule: color-mix(in oklab, var(--blue) 22%, transparent);--tint-green: color-mix(in oklab, var(--green) 14%, var(--stage));--tint-blue: color-mix(in oklab, var(--blue) 16%, var(--stage));--tint-amber: color-mix(in oklab, var(--amber) 14%, var(--stage));--tint-red: color-mix(in oklab, var(--alert) 16%, var(--stage));--radius: 1rem;--radius-lg: 1.5rem;--pill: 999px;--lift: inset 0 1px 0 color-mix(in oklab, white 7%, transparent), 0 18px 40px -22px rgb(0 0 0 / .7);--lift-over: 0 32px 64px -32px rgb(0 0 0 / .9);--glow: 0 10px 28px -12px;--glow-sm: 0 6px 18px -8px;--glass: color-mix(in oklab, var(--stage) 72%, transparent);--frost: blur(14px) saturate(1.4);--meter: linear-gradient(90deg, var(--blue), var(--sky));--dim: .45;--surface: color-mix(in oklab, var(--ink-1) 5%, var(--stage));--surface-2: color-mix(in oklab, var(--ink-1) 8%, var(--stage));--font-body: "Atkinson Hyperlegible Next", system-ui, sans-serif;--font-numbers: "Atkinson Hyperlegible Mono", ui-monospace, monospace;--step--2: clamp(.6944rem, .6859rem + .0379vi, .72rem);--step--1: clamp(.8333rem, .8111rem + .0988vi, .9rem);--step-0: clamp(1rem, .9583rem + .1852vi, 1.125rem);--step-1: clamp(1.2rem, 1.1312rem + .3056vi, 1.4062rem);--step-2: clamp(1.44rem, 1.3341rem + .4708vi, 1.7578rem);--step-3: clamp(1.728rem, 1.5716rem + .6952vi, 2.1973rem);--step-4: clamp(2.0736rem, 1.8493rem + .997vi, 2.7466rem);--step-5: clamp(2.4883rem, 2.1734rem + 1.3999vi, 3.4332rem);--step-6: clamp(2.986rem, 2.5264rem + 2.0426vi, 4.2915rem);--step-giant: clamp(2.5rem, 16cqi, 9rem);--step-giant-split: clamp(2.5rem, 17cqi, 9rem);--step-giant-9: clamp(var(--step-2), 11cqi, var(--step-6));--unit-gap: .2em;--ink-pad: .06em;--track-1: -.01em;--track-2: -.02em;--track-3: -.03em;--track-4: -.04em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: clamp(1rem, .9583rem + .1852vi, 1.125rem);--space-5: clamp(1.5rem, 1.4167rem + .3704vi, 1.75rem);--space-6: clamp(2rem, 1.8333rem + .7407vi, 2.5rem);--space-7: clamp(3rem, 2.6667rem + 1.4815vi, 4rem);--space-4-5: clamp(1rem, .75rem + 1.1111vi, 1.75rem);--hair: .5px;--rule-w: 1px;--stroke: 2px;--bar: .1875rem;--underline-offset: .2em;--chamfer: .5rem;--touch-min: 2.75rem;--arrow: .45rem;--arrow-lg: .5rem;--arrow-nudge: .2rem;--tick-w: .35rem;--tick-h: .65rem;--dot: .625rem;--mark: 1.25rem;--icon: 1.4rem;--header-h: calc(var(--touch-min) + 2 * var(--space-3));--wrap: calc(2 * var(--measure-col) + var(--space-7) + 2 * var(--gutter));--measure: 60ch;--measure-col: 45ch;--measure-min: 29ch;--measure-half: calc(var(--measure) / 2);--measure-third: calc(var(--measure) / 3);--col-fact: 18rem;--col-card: 19rem;--col-footer: 13rem;--gutter: clamp(1rem, .6667rem + 1.4815vi, 2rem);--focus-w: 2px;--focus-offset: 2px;--fit-rate: 6ch;--fit-fps: 7ch;--fit-ms: 8ch;--btn-min: 10rem;--lane-label: 9em;--thumb: 8.5rem;--tag-pad: .2em .8em;--tag-pad-tight: .15em .7em;--label-pad: .4em;--label-radius: .3em;--ease-out: cubic-bezier(.2, .7, .2, 1);--spring: linear(0, .25 8%, .72 20%, 1.02 34%, 1.06 42%, 1.01 58%, .99 74%, 1);--dur-1: .15s;--dur-2: .2s;--dur-3: .25s;--dur-4: .3s;--dur-5: .4s;--rise: 1px;--bp-narrow: 30rem;--bp-wide: 48rem;--bp-nav: 64rem}@layer reset{*,*:before,*:after{box-sizing:border-box}:where(body,h1,h2,h3,p,ul,ol,dl,dd,figure,fieldset){margin:0}:where(ul,ol){padding:0}:where(fieldset){padding:0;border:0;min-inline-size:0}:where(legend){padding:0}:where(img,svg,canvas){display:block;max-inline-size:100%}:where(button,input,textarea,select){font:inherit;color:inherit}:where(button){cursor:pointer}:where(button:disabled){cursor:default}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block-start:var(--space-5)}}@layer base{body{background:var(--page);color:var(--ink-2);font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased}:is(h1,h2,h3,h4){color:var(--ink-1);font-weight:600;line-height:1.12;letter-spacing:var(--track-2);text-wrap:balance}h1{font-size:var(--step-4)}h2{color:var(--blue-ink);font-size:var(--step-3);font-weight:700;line-height:1.1;letter-spacing:var(--track-3)}h3{font-size:var(--step-1)}h4{font-size:var(--step-0);font-weight:600;letter-spacing:0}:is(p,li,dd){text-wrap:pretty}strong{color:var(--ink-1);font-weight:600}a{color:var(--ink-1);text-decoration-thickness:var(--hair);text-underline-offset:var(--underline-offset)}a:hover{text-decoration-thickness:var(--rule-w)}:focus-visible{outline:var(--focus-w) solid var(--ink-1);outline-offset:var(--focus-offset)}}@layer layout{.wrap,.stage>*,.chapter-inner{inline-size:100%;max-inline-size:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}:is(p,li,dt,dd,h1,h2,h3,h4,figcaption,blockquote){max-inline-size:var(--measure)}.chapter-inner{columns:var(--measure-min);column-gap:var(--space-7);padding-block:var(--space-6)}.chapter-inner>*{column-span:all;margin-block:var(--space-7)}.chapter-inner>:first-child{margin-block-start:0}.chapter-inner>:last-child{margin-block-end:0}.chapter-inner>h2{margin-block-end:var(--space-6)}.chapter-inner>h2+*{margin-block-start:0}.chapter-inner>.topic:not(:has(>:not(h3,h4,p:not([class]),ul:not([class]),ol:not([class]),.keys,.ppi-formula,.table-note))){column-span:none;margin-block:0;+&{margin-block-start:var(--space-7)}}.chapter-inner :is(h2,h3,h4){break-after:avoid}.chapter-inner :is(p,li){break-inside:avoid}.topic{position:relative;padding-block-start:var(--space-5)}.topic:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:var(--space-6);block-size:var(--bar);border-radius:var(--pill);background:var(--blue)}.topic>*+*{margin-block-start:var(--space-4)}.topic>h3+*{margin-block-start:var(--space-3)}.topic>:is(.causes,.facts,.rates,.lanes-tool,.ft,.topic-controls,.howto,.keys){margin-block-start:var(--space-5)}}@layer components{.skip-link{position:absolute;inset-inline-start:var(--space-2);inset-block-start:var(--space-2);z-index:4;padding:var(--space-2) var(--space-4);border-radius:var(--pill);background:var(--ink-1);color:var(--stage);transform:translateY(-200%);transition:transform var(--dur-2) var(--ease-out)}.skip-link:focus-visible{transform:none}.site-header{position:sticky;inset-block-start:0;z-index:3;background:var(--glass);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost)}@supports (animation-timeline: scroll()){.site-header:after{content:"";position:absolute;inset-inline:0;inset-block-start:100%;block-size:var(--bar);background:var(--meter);box-shadow:0 0 var(--space-3) var(--sky);transform:scaleX(0);transform-origin:0 50%;animation:reading-progress linear both;animation-duration:auto;animation-timeline:scroll(root block)}@keyframes reading-progress{to{transform:scaleX(1)}}}.site-header-inner,.menu-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding-block:var(--space-3)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);min-block-size:var(--touch-min);color:var(--ink-1);text-decoration:none;font-weight:600;font-size:var(--step-0);letter-spacing:var(--track-1);touch-action:manipulation}.brand-mark{flex:none;inline-size:var(--mark);block-size:var(--mark);background:linear-gradient(var(--sub-r),var(--sub-r)) 0 0 / 26% 100% no-repeat,linear-gradient(var(--sub-g),var(--sub-g)) 50% 0 / 26% 100% no-repeat,linear-gradient(var(--sub-b),var(--sub-b)) 100% 0 / 26% 100% no-repeat;border-radius:15%}.site-nav{display:none}@media(width>=64rem){.site-nav{display:block}.site-header-inner>.menu-btn{display:none}}.nav-top{display:flex;align-items:center;gap:var(--space-1);list-style:none}.nav-top>li{display:flex;align-items:center;border-radius:var(--pill)}.nav-top>li:has(>.nav-section:is([aria-current=page],[data-current-group])){background:color-mix(in oklab,var(--blue) 16%,transparent)}.nav-section{display:inline-flex;align-items:center;min-block-size:var(--touch-min);padding-inline:var(--space-4);color:var(--ink-2);text-decoration:none;font-size:var(--step--1);font-weight:500;touch-action:manipulation;transition:color var(--dur-2) ease}.nav-section:hover,li:has(>.nav-panel:popover-open)>.nav-section{color:var(--ink-1)}.nav-section:is([aria-current=page],[data-current-group]){color:var(--sky);font-weight:600}.nav-section:has(+.nav-toggle){padding-inline-end:var(--space-2)}.nav-toggle{display:inline-grid;place-items:center;block-size:var(--touch-min);padding-inline:var(--space-2) var(--space-4);margin-inline-start:calc(-1 * var(--space-2));border:0;background:transparent;color:var(--ink-3);cursor:pointer;transition:color var(--dur-2) ease}.nav-toggle:before{content:"";inline-size:var(--arrow);block-size:var(--arrow);border-inline-end:var(--stroke) solid currentColor;border-block-end:var(--stroke) solid currentColor;transform:translateY(-25%) rotate(45deg);transition:transform var(--dur-2) var(--ease-out)}.nav-toggle:hover,li:has(>.nav-panel:popover-open)>.nav-toggle{color:var(--ink-1)}li:has(>.nav-panel:popover-open)>.nav-toggle:before{transform:translateY(25%) rotate(-135deg)}.nav-panel{inset:var(--header-h) 0 auto;inline-size:100%;margin:0;padding:0;border:0;border-block:var(--rule-w) solid var(--rule);background:radial-gradient(60% 120% at 0% 0%,color-mix(in oklab,var(--blue) 14%,transparent),transparent 70%),var(--well);color:var(--ink-1);box-shadow:var(--lift-over)}.nav-panel::backdrop{background:#00000080}.nav-shell{display:grid;gap:var(--space-4);padding-block:var(--space-5) var(--space-4)}.nav-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--measure-third)),1fr));gap:var(--space-5)}.nav-group:has(.nav-item:nth-child(6)){grid-column:span 2}.nav-group:has(.nav-item:nth-child(6)) .nav-list{columns:2;column-gap:var(--space-5)}.nav-group-name{display:grid;gap:var(--space-2);padding-inline:var(--space-3);margin-block-end:var(--space-2);color:var(--ink-3);font-size:var(--step--1);font-weight:600}.nav-group-name:before{content:"";inline-size:var(--space-5);block-size:var(--bar);border-radius:var(--pill);background:var(--blue)}.nav-list{list-style:none}.nav-item{position:relative;display:grid;align-content:start;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius);break-inside:avoid;transition:background-color var(--dur-1) ease}.nav-item:hover{background:color-mix(in oklab,var(--blue) 10%,transparent)}.nav-item a{color:var(--ink-1);font-weight:600;text-decoration:none}.nav-item a:before{content:"";position:absolute;inset:0;border-radius:inherit}.nav-item:has(a[aria-current=page]){background:color-mix(in oklab,var(--blue) 16%,transparent)}.nav-item a[aria-current=page]{color:var(--sky)}.nav-blurb{color:var(--ink-3);font-size:var(--step--1);line-height:1.4}.nav-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-4);padding:var(--space-3) var(--space-3) 0;border-block-start:var(--rule-w) solid var(--rule);color:var(--ink-3);font-size:var(--step--1)}.nav-all{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:var(--touch-min);color:var(--ink-1);font-weight:600;text-decoration:none}.nav-all:after{content:"";inline-size:var(--arrow);block-size:var(--arrow);border-inline-end:var(--stroke) solid var(--sky);border-block-start:var(--stroke) solid var(--sky);transform:rotate(45deg);transition:transform var(--dur-2) var(--ease-out)}.nav-all:hover:after{transform:translate(calc(var(--arrow) / 2)) rotate(45deg)}.menu-btn{display:inline-grid;place-items:center;inline-size:var(--touch-min);block-size:var(--touch-min);border:0;border-radius:var(--radius);background:transparent;color:var(--ink-1);cursor:pointer}.menu-btn:hover{background:var(--surface)}.menu-btn svg{inline-size:var(--icon);block-size:var(--icon)}.menu-sheet{inset:0 0 auto;inline-size:100%;max-block-size:100dvh;margin:0;padding:0 0 var(--space-5);border:0;border-block-end:var(--rule-w) solid var(--rule);background:var(--stage);color:var(--ink-1);box-shadow:var(--lift-over);overflow-y:auto;overscroll-behavior:contain}.menu-sheet::backdrop{background:#0009}.menu-nav ul{list-style:none}.menu-nav>ul>li{border-block-end:var(--rule-w) solid var(--rule)}.menu-row,.menu-group>summary{display:flex;align-items:center;justify-content:space-between;min-block-size:calc(var(--touch-min) + var(--space-2));color:var(--ink-1);font-size:var(--step-1);font-weight:600;text-decoration:none;list-style:none;cursor:pointer}.menu-group>summary::-webkit-details-marker{display:none}.menu-group>summary:after{content:"";inline-size:var(--arrow-lg);block-size:var(--arrow-lg);border-inline-end:var(--stroke) solid var(--blue);border-block-end:var(--stroke) solid var(--blue);transform:translateY(-25%) rotate(45deg);transition:transform var(--dur-2) var(--ease-out)}.menu-group[open]>summary:after{transform:translateY(25%) rotate(-135deg)}.menu-group ul{padding-block-end:var(--space-3)}.menu-group a{display:flex;align-items:center;min-block-size:var(--touch-min);color:var(--ink-2);font-size:var(--step-0);text-decoration:none}.menu-nav a[aria-current=page]{color:var(--sky)}@media(prefers-reduced-motion:no-preference){.menu-sheet:popover-open{animation:menu-in .16s var(--ease-out)}}@keyframes menu-in{0%{opacity:0;transform:translateY(calc(-1 * var(--space-2)))}}.crumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;color:var(--ink-3);font-size:var(--step--1)}.crumbs li+li:before{content:"/" / "";margin-inline-end:var(--space-2);color:var(--line-strong)}.crumbs a{color:var(--ink-2);text-decoration:none}.crumbs a:hover{color:var(--ink-1);text-decoration:underline}.crumbs [aria-current=page]{color:var(--ink-3)}.stage{container:stage / inline-size;background:radial-gradient(70% 60% at 15% 0%,color-mix(in oklab,var(--blue) 14%,transparent),transparent 70%),radial-gradient(50% 50% at 85% 30%,color-mix(in oklab,var(--sky) 8%,transparent),transparent 70%),var(--stage)}.stage-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-6);padding-block-start:var(--space-6)}.stage-head>*{flex:1 1 100%;min-inline-size:0}.stage-head>h1{flex:0 1 auto}.stage-head>.lede{flex:1 1 var(--measure-min)}.stage-head .lede{color:var(--ink-2);font-size:var(--step--1)}.stage-head .updated{color:var(--ink-3);font-size:var(--step--2)}.panel{container:panel / inline-size;display:grid;gap:var(--space-7);padding-block:var(--space-5) var(--space-6)}.console{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);padding:var(--space-4) var(--space-4-5);border-radius:var(--radius-lg);background:radial-gradient(70% 80% at 0% 0%,color-mix(in oklab,var(--blue) 14%,transparent),transparent 70%),color-mix(in oklab,var(--blue) 6%,var(--stage));box-shadow:var(--lift),inset 0 0 0 var(--rule-w) var(--rule)}.reading-main{container:reading / inline-size;display:grid;align-content:start;gap:var(--space-2)}.readout{display:grid;gap:var(--space-6) var(--space-7);padding-block-start:var(--space-3)}@container panel (inline-size >= 48rem){.readout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.reading-main{--step-giant: var(--step-giant-split)}}:is(.big,.stat-value,.dock b,.lane-label b,.ft-in input,.ft-out output,.history-table td+td){font-family:var(--font-numbers);font-feature-settings:"zero"}.big{display:flex;align-items:baseline;gap:var(--unit-gap);margin:0;font-weight:700;font-size:var(--step-giant);line-height:.9;letter-spacing:var(--track-4)}.big-num{padding-inline-end:var(--ink-pad);color:var(--ink-1);font-variant-numeric:tabular-nums}@supports ((background-clip: text) or (-webkit-background-clip: text)){.big-num{background:linear-gradient(180deg,var(--ink-1) 20%,color-mix(in oklab,var(--blue) 45%,var(--ink-1)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.big-num[data-empty]{background:none;color:var(--rule);-webkit-text-fill-color:currentColor}.big-unit{color:var(--ink-3);font-size:var(--step-1);font-weight:500;letter-spacing:0}.topic-note{min-block-size:1lh;color:var(--ink-2);font-size:var(--step--1)}.num{font-variant-numeric:tabular-nums}.nominal{min-block-size:1lh;color:var(--ink-2);font-size:var(--step--1)}.unit{color:var(--ink-3);font-family:var(--font-body);font-weight:500;font-size:var(--step--1);letter-spacing:0}.hz-state{display:flex;align-items:center;gap:var(--space-2);min-inline-size:0;overflow:hidden;color:var(--ink-2);font-size:var(--step--1);white-space:nowrap;text-overflow:ellipsis}.hz-state:before{content:"";flex:none;inline-size:var(--dot);block-size:var(--dot);border-radius:50%;border:var(--stroke) solid var(--blue);transition:background-color var(--dur-4) ease,border-color var(--dur-4) ease,box-shadow var(--dur-4) ease}.hz-state[data-state=locked]:before{background:var(--green);border-color:var(--green);box-shadow:0 0 0 var(--space-1) color-mix(in oklab,var(--green) 22%,transparent)}.hz-state[data-state=unsteady]:before{background:var(--amber);border-color:var(--amber)}.hz-state[data-state=stopped]:before,.hz-state[data-state=idle]:before{border-color:var(--line-strong)}.trace-plot{position:relative;border-radius:var(--radius);overflow:clip;background:var(--well)}.trace-canvas{inline-size:100%;block-size:auto;aspect-ratio:4 / 1}.trace-ref{position:absolute;inset-inline-start:var(--space-2);inset-block-start:calc(var(--y, 100) * 1%);margin-block-start:var(--space-1);padding:0 var(--label-pad);border-radius:var(--label-radius);background:color-mix(in oklab,var(--well) 80%,transparent);color:var(--blue-ink);font-size:var(--step--2);font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums}.trace-ref:empty{display:none}.plot-note{color:var(--ink-3);font-size:var(--step--2)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.controls .btn-start{flex:1 1 auto}.controls .choice{display:flex;flex:1 1 100%}.controls .choice-track{flex:1}.controls .choice label{flex:1;justify-content:center}@container panel (inline-size >= 48rem){.controls .btn-start{flex:none}.controls .choice{flex:none;margin-inline-start:auto}.controls .choice-track,.controls .choice label{flex:none}}.progress{block-size:calc(var(--bar) * 2);border-radius:var(--pill);background:var(--surface);overflow:clip}.progress-bar{display:block;block-size:100%;border-radius:var(--pill);background:var(--meter);transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-3) linear}.run-state{display:grid;gap:var(--space-2)}.live{display:grid;gap:var(--space-2);margin-block-start:var(--space-3)}.live canvas{transition:opacity var(--dur-5) var(--ease-out)}.panel[data-mode=idle] .live canvas{opacity:.4}.panel[data-mode=idle] .progress{opacity:0}.progress{transition:opacity var(--dur-4) ease}.choice{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2)}.choice legend{float:inline-start;color:var(--ink-3);font-size:var(--step--1)}.choice-track{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--pill);background:color-mix(in oklab,var(--ink-1) 5%,transparent);box-shadow:inset 0 0 0 var(--rule-w) var(--rule)}.choice label{position:relative;display:inline-flex;align-items:center;min-block-size:calc(var(--touch-min) - var(--space-2));padding-inline:var(--space-4);border-radius:var(--pill);color:var(--ink-2);font-size:var(--step--1);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-3) var(--ease-out),color var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out)}.choice input{position:absolute;inset:calc(-1 * var(--space-1)) 0;opacity:.001;margin:0;cursor:pointer}.choice label:hover{color:var(--ink-1)}.choice label:has(input:checked){background:var(--blue-ink);color:var(--stage);box-shadow:var(--glow-sm) color-mix(in oklab,var(--blue) 70%,transparent)}.choice label:has(input:focus-visible){outline:var(--focus-w) solid var(--ink-1);outline-offset:var(--focus-offset)}.choice:disabled{opacity:var(--dim)}.choice:disabled label{cursor:default}.btn{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--touch-min);padding-inline:var(--space-5);border:0;border-radius:var(--pill);background:var(--surface-2);color:var(--ink-1);font-size:var(--step--1);font-weight:600;text-decoration:none;box-shadow:var(--lift);touch-action:manipulation;transition:background-color var(--dur-3) var(--ease-out),color var(--dur-3) var(--ease-out),transform var(--dur-4) var(--spring),box-shadow var(--dur-3) var(--ease-out)}.btn:hover:not(:disabled){background:color-mix(in oklab,var(--ink-1) 14%,var(--stage));transform:translateY(calc(-1 * var(--rise)))}.btn:active:not(:disabled){transform:translateY(0) scale(.97)}.btn-primary{min-inline-size:var(--btn-min);background:var(--blue);color:var(--stage);box-shadow:var(--glow) color-mix(in oklab,var(--blue) 85%,transparent)}.btn-primary:hover:not(:disabled){background:color-mix(in oklab,var(--blue) 70%,var(--sky))}.btn:disabled{background:transparent;color:var(--ink-3);box-shadow:none}.btn-start{min-block-size:calc(var(--touch-min) + var(--space-1));min-inline-size:var(--btn-min);padding-inline:var(--space-5);font-size:var(--step-0)}.btn-quiet{background:transparent;box-shadow:none;color:var(--ink-2)}.btn-quiet:hover:not(:disabled){background:var(--surface);color:var(--ink-1)}.nav-cta{min-inline-size:0;padding-inline:var(--space-4);font-size:var(--step--1)}.site-header-inner>.nav-cta{display:none}@media(width>=30rem){.site-header-inner>.nav-cta{display:inline-flex}}.site-header-inner>.brand{margin-inline-end:auto}.menu-nav .nav-cta{inline-size:100%;margin-block-start:var(--space-5)}.stats{display:grid;align-content:start;gap:var(--space-5)}.stat-group{display:grid;align-content:start;gap:var(--space-2)}.stat-group-name{color:var(--ink-1);font-size:var(--step--1);font-weight:600;line-height:1.25}.stat-group-name .unit{font-size:var(--step--2)}.stat-group dl{display:grid;gap:var(--space-1)}.stat{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);min-inline-size:0}.stat dt{color:var(--ink-3);font-size:var(--step--1)}.stat-value{color:var(--ink-1);font-weight:500;font-size:var(--step-0);font-variant-numeric:tabular-nums;line-height:1.4}[data-none],:is(.panel,.lanes-tool) [data-none]{color:var(--ink-3)}.status{min-block-size:2lh;color:var(--ink-2);font-size:var(--step--1)}@container panel (inline-size >= 48rem){.status{min-block-size:1lh}}.copy-out{inline-size:100%;padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius);background:var(--surface);color:var(--ink-1);font-size:var(--step--1);box-shadow:var(--lift)}.readout-side{display:grid;align-content:start;gap:var(--space-6)}.history{display:grid;gap:var(--space-2)}.history-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.history-title{color:var(--ink-1);font-weight:600;font-size:var(--step--1)}.history-note{color:var(--ink-3);font-size:var(--step--2)}.btn-small{min-block-size:var(--touch-min);padding-inline:var(--space-3);font-size:var(--step--1)}.history-table{inline-size:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.history-table :is(th,td){padding:var(--space-1) 0 var(--space-1) var(--space-3);text-align:end;vertical-align:baseline}.history-table :is(th,td):first-child{padding-inline-start:0;text-align:start}.history-table th{color:var(--ink-3);font-size:var(--step--2);font-weight:500}.history-table td{color:var(--ink-2);font-size:var(--step--1);font-weight:500}.history-table tbody tr:first-child td{color:var(--ink-1)}.noscript{padding-block:var(--space-4);color:var(--ink-1)}@container reading (inline-size >= 30rem){.trace-canvas{aspect-ratio:6 / 1}}.dock{position:fixed;inset-inline:0;inset-block-end:0;z-index:3;padding:var(--space-2) var(--gutter);transform:translateY(110%);transition:transform var(--dur-5) var(--ease-out)}.dock[data-on=on]{transform:none}.dock-inner{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-5);max-inline-size:calc(var(--wrap) - 2 * var(--gutter));margin-inline:auto;padding:var(--space-2) var(--space-5);border-radius:var(--pill);background:var(--glass);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--lift);color:var(--ink-3);font-size:var(--step--1)}.dock b{font-weight:600;font-size:var(--step-0);font-variant-numeric:tabular-nums}.dock span:nth-child(1) b{color:var(--ink-1)}.dock span:nth-child(2) b{color:var(--blue)}.dock span:nth-child(3) b{color:var(--ink-1)}.dock a{margin-inline-start:auto;color:var(--ink-2);text-decoration:none}.dock a:hover{color:var(--ink-1)}main>.chapter:nth-of-type(3n+2){--tone: var(--navy-1)}main>.chapter:nth-of-type(3n){--tone: var(--navy-2)}main>.chapter:nth-of-type(3n+1){--tone: var(--navy-3)}.chapter{background:radial-gradient(60% 45% at 100% 0%,color-mix(in oklab,var(--sky) 9%,transparent),transparent 70%),var(--tone, var(--navy-1))}.topic{container:topic / inline-size}.topic-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.lanes-tool{display:grid;border-radius:var(--radius-lg);background:var(--well);box-shadow:var(--lift),inset 0 0 0 var(--rule-w) var(--rule)}.lanes-tool>.topic-controls{padding:var(--space-4) var(--space-5) 0}.lanes-tool>.topic-note{margin:0;padding:var(--space-3) var(--space-5) var(--space-5)}.lanes{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2) var(--space-5);padding:0 var(--space-5) var(--space-5)}.lane{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;row-gap:var(--space-1)}.lane-label{color:var(--ink-3);font-size:var(--step--1)}.lane-label b{color:var(--ink-1);font-weight:600;font-size:var(--step-1);font-variant-numeric:tabular-nums;letter-spacing:var(--track-2)}.lane-kind{display:block;inline-size:fit-content;margin-block-start:var(--space-1);padding:var(--tag-pad-tight);border-radius:var(--pill);font-size:var(--step--2);font-weight:600}.lane-kind:empty{display:none}.lane[data-kind=exact] .lane-kind{background:var(--tint-green);color:var(--green)}.lane[data-kind=uneven] .lane-kind{background:var(--tint-amber);color:var(--amber)}.lane[data-kind=capped] .lane-kind{background:var(--tint-red);color:var(--ink-1)}.lane-yours .lane-kind{background:var(--tint-blue);color:var(--blue)}.lane-canvas{inline-size:100%;block-size:auto;aspect-ratio:12 / 1;border-radius:var(--radius)}@container topic (inline-size >= 48rem){.lanes{grid-template-columns:minmax(max-content,var(--lane-label)) minmax(0,1fr);row-gap:var(--space-3)}.lane-canvas{aspect-ratio:30 / 1}}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--col-fact)),1fr));column-gap:var(--space-7)}.facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-3);border-block-end:var(--rule-w) solid var(--rule)}.facts dt{color:var(--ink-3);font-size:var(--step--1)}.facts dd{color:var(--ink-1);font-weight:600;font-variant-numeric:tabular-nums;text-align:end}.facts #f-hz{color:var(--sky)}.howto>div{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-6);padding-block:var(--space-4);border-block-end:var(--rule-w) solid var(--rule)}.howto>div:first-child{border-block-start:var(--rule-w) solid var(--rule)}.howto dt{flex:0 1 var(--measure-third);color:var(--ink-1);font-weight:600}.howto dd{flex:999 1 0;min-inline-size:min(100%,var(--measure-min));color:var(--ink-2)}.table-note{color:var(--ink-3);font-size:var(--step--1)}.table-note a{color:var(--ink-2)}.ft{container:ft / inline-size;display:grid;border-radius:var(--radius-lg);background:var(--well);box-shadow:var(--lift),inset 0 0 0 var(--rule-w) var(--rule)}.ft-calc{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-6);padding:var(--space-5);border-start-start-radius:inherit;border-start-end-radius:inherit;border-block-end:var(--rule-w) solid var(--rule);background:radial-gradient(80% 140% at 0% 0%,color-mix(in oklab,var(--blue) 22%,transparent),transparent 70%),var(--tint-blue)}.ft-in{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--ink-2)}.ft-in input{inline-size:var(--fit-rate);min-block-size:var(--touch-min);padding-inline:var(--space-3);border:var(--rule-w) solid var(--rule);border-radius:var(--radius);background:color-mix(in oklab,var(--ink-1) 6%,transparent);color:var(--ink-1);font-size:var(--step-1);font-weight:600;font-variant-numeric:tabular-nums;box-sizing:content-box}.ft-in input:focus-visible{outline:var(--focus-w) solid var(--ink-1);outline-offset:var(--focus-offset)}.ft-out{display:inline-flex;align-items:baseline;gap:var(--space-2);color:var(--ink-2)}.ft-out output{color:var(--sky);font-weight:700;font-size:var(--step-4);font-variant-numeric:tabular-nums;letter-spacing:var(--track-3);line-height:1}.ft-list{padding:var(--space-4) var(--space-5) var(--space-5);list-style:none;columns:var(--measure-half);column-gap:var(--space-7)}.ft-row{display:grid;grid-template-columns:var(--fit-fps) var(--fit-ms) minmax(0,1fr);align-items:baseline;gap:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius);break-inside:avoid;font-variant-numeric:tabular-nums}.ft-fps,.ft-ms{text-align:end;font-weight:600}@container ft (inline-size < 30rem){.ft-row{grid-template-columns:var(--fit-fps) minmax(0,1fr);row-gap:var(--space-1)}.ft-ms{text-align:start}.ft-use{grid-column:2}}.ft-fps{color:var(--ink-1)}.ft-ms{color:var(--sky)}.ft-row small{color:var(--ink-3);font-size:var(--step--2);font-weight:500}.ft-use{color:var(--ink-3);font-size:var(--step--1)}.ft-row[aria-current]{background:color-mix(in oklab,var(--blue) 18%,transparent)}.ft-row[aria-current] .ft-fps{color:var(--sky)}.ft-row[aria-current] .ft-use{color:var(--ink-1)}.rates{inline-size:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.rates caption{padding-block-end:var(--space-2);color:var(--ink-3);font-size:var(--step--1);text-align:start}.rates :is(th,td){padding:var(--space-2) var(--space-4) var(--space-2) 0;border-block-end:var(--rule-w) solid var(--rule);text-align:start}.rates th{color:var(--ink-3);font-size:var(--step--2);font-weight:600}.rates :is(.num,.align-right){text-align:end}.rates .align-center{text-align:center}.rates td:first-child{color:var(--ink-1);font-weight:600}.rates td:nth-child(2){color:var(--sky);font-weight:600}.rates td:last-child{color:var(--ink-3);font-size:var(--step--1)}.ports td:not(:first-child){color:var(--ink-1);font-size:inherit;font-weight:600}.pair-numbers thead th{color:var(--ink-1);font-size:var(--step-0)}.cell-note{display:block;color:var(--ink-3);font-size:var(--step--2);font-weight:400}.causes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--measure-min)),1fr));column-gap:var(--space-7);list-style:none}.cause{padding:var(--space-5) var(--space-4);border-block-start:var(--rule-w) solid var(--rule);border-radius:0;transition:background-color var(--dur-5) var(--ease-out)}.cause>*+*{margin-block-start:var(--space-2)}.cause[data-level]{border-radius:var(--radius-lg);border-block-start-color:transparent}.cause-flag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--tag-pad);border-radius:var(--pill);font-size:var(--step--2);font-weight:600}.cause[data-level=detected]{background:var(--tint-red)}.cause[data-level=detected] .cause-flag{background:var(--alert);color:var(--ink-1)}.cause[data-level=possible]{background:var(--tint-amber)}.cause[data-level=possible] .cause-flag{background:color-mix(in oklab,var(--amber) 22%,var(--stage));color:var(--amber)}.cause-fix{color:var(--ink-2)}.cause-fix strong{color:var(--sky)}.keys{list-style:none}.keys li+li{margin-block-start:var(--space-4)}.keys strong{display:block;margin-block-end:var(--space-1);color:var(--sky)}.topic ul:not(.keys){padding-inline-start:var(--space-4)}.topic ul:not(.keys) li+li{margin-block-start:var(--space-2)}.topic ul:not(.keys) li::marker{color:var(--sky)}.faq-list{display:grid;gap:var(--space-3)}.faq-list>*+*{margin-block-start:0}.faq{padding-inline:var(--space-5);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--ink-1) 4%,transparent);transition:background-color var(--dur-2) ease}.faq:hover,.faq[open]{background:color-mix(in oklab,var(--blue) 12%,transparent)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-block-size:var(--touch-min);padding-block:var(--space-4);color:var(--ink-1);font-weight:600;list-style:none;cursor:pointer;touch-action:manipulation}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";flex:none;inline-size:var(--arrow-lg);block-size:var(--arrow-lg);border-inline-end:var(--stroke) solid var(--blue);border-block-end:var(--stroke) solid var(--blue);border-end-end-radius:var(--stroke);transform:rotate(45deg);transition:transform .35s var(--spring)}.faq[open] summary:after{transform:rotate(-135deg)}.faq p{padding-block-end:var(--space-5)}.sources-list{padding-block-end:var(--space-5);list-style:none;columns:var(--measure-min);column-gap:var(--space-7);font-size:var(--step--1)}.sources-list li{break-inside:avoid}.sources-list li+li{margin-block-start:var(--space-2)}@supports (interpolate-size: allow-keywords){.faq{interpolate-size:allow-keywords}.faq::details-content{block-size:0;overflow:clip;transition:block-size .32s var(--ease-out),content-visibility .32s allow-discrete}.faq[open]::details-content{block-size:auto}}.site-footer{background:radial-gradient(50% 80% at 0% 0%,color-mix(in oklab,var(--blue) 12%,transparent),transparent 70%),var(--stage);color:var(--ink-3);font-size:var(--step--1)}.footer-strip{block-size:calc(var(--sub) * 2);background:var(--subpixels);opacity:.55}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--col-footer)),1fr));gap:var(--space-6) var(--space-7);padding-block:var(--space-6)}@media(width>=64rem){.footer-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) minmax(0,1fr) minmax(0,.8fr)}.footer-tests ul{columns:2;column-gap:var(--space-5)}}.footer-about{display:grid;gap:var(--space-3);align-content:start}.footer-about p{color:var(--ink-2)}.footer-facts{display:grid;gap:var(--space-1);list-style:none}.footer-facts li{display:flex;align-items:center;gap:var(--space-2)}.footer-facts li:before{content:"";inline-size:var(--tick-w);block-size:var(--tick-h);margin-block-start:calc(-1 * var(--arrow-nudge));border-inline-end:var(--stroke) solid var(--green);border-block-end:var(--stroke) solid var(--green);transform:rotate(45deg)}.footer-head{display:grid;gap:var(--space-2);margin-block-end:var(--space-2);color:var(--ink-1);font-weight:600}.footer-head:before{content:"";inline-size:var(--space-5);block-size:var(--bar);border-radius:var(--pill);background:var(--blue)}.footer-head a{color:inherit;text-decoration:none}.footer-head a:hover{color:var(--sky)}.footer-group ul{list-style:none}.footer-group li{break-inside:avoid}.footer-group a:not(.footer-head a){display:inline-flex;align-items:center;min-block-size:var(--touch-min);color:var(--ink-2);text-decoration:none;transition:color var(--dur-1) ease}.footer-group a:not(.footer-head a):hover{color:var(--ink-1)}.footer-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-5);padding-block:var(--space-4) var(--space-6);background:linear-gradient(var(--rule) 0 0) center top / calc(100% - 2 * var(--gutter)) var(--rule-w) no-repeat}.footer-credit{color:var(--ink-3);font-size:var(--step--1)}.footer-credit a{display:inline-flex;align-items:center;min-block-size:var(--touch-min);color:var(--ink-2)}.footer-credit a:hover{color:var(--ink-1)}.footer-top{display:inline-flex;align-items:center;gap:var(--space-2);margin-inline-start:auto;min-block-size:var(--touch-min);color:var(--ink-2);text-decoration:none}.footer-top:after{content:"";inline-size:var(--arrow);block-size:var(--arrow);margin-block-start:var(--arrow-nudge);border-inline-start:var(--stroke) solid currentColor;border-block-start:var(--stroke) solid currentColor;transform:rotate(45deg)}.footer-top:hover{color:var(--ink-1)}.stage-plain .stage-head{padding-block-end:var(--space-6)}.hub-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--col-card)),1fr));gap:var(--space-3);list-style:none;margin-block-start:var(--space-5)}.hub-item{position:relative;display:grid;gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--blue) 8%,var(--tone, var(--page)));box-shadow:var(--lift);transition:background-color var(--dur-1) ease}.hub-item:hover{background:color-mix(in oklab,var(--blue) 14%,var(--tone, var(--page)))}.hub-item a{color:var(--ink-1);font-size:var(--step-1);font-weight:600;text-decoration:none}.hub-item a:before{content:"";position:absolute;inset:0;border-radius:inherit}.hub-item p{color:var(--ink-2);font-size:var(--step--1)}.prose>*+*{margin-block-start:var(--space-4)}.prose h2{margin-block-start:var(--space-7);color:var(--ink-1);font-size:var(--step-1)}.prose h2:first-child{margin-block-start:0}.prose:has(h3) h2{color:revert-layer;font-size:revert-layer}.prose :not(h2)+h3{margin-block-start:var(--space-6)}.prose ul{padding-inline-start:var(--space-4)}.prose li+li{margin-block-start:var(--space-2)}.prose li::marker{color:var(--sky)}.viewer{position:fixed;inset:0;z-index:10;display:grid;background:var(--black)}.viewer:focus{outline:none}.viewer-canvas{inline-size:100%;block-size:100%}.viewer-hud{position:absolute;inset-inline:0;inset-block-end:var(--space-4);display:grid;justify-items:center;gap:var(--space-1);inline-size:min(100% - 2 * var(--space-4),var(--measure));margin-inline:auto;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--stage) 88%,transparent);box-shadow:var(--lift);color:var(--ink-1);text-align:center;transition:opacity var(--dur-2) ease}.viewer-name{font-weight:600}.viewer-note{color:var(--ink-2);font-size:var(--step--1)}.viewer-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.viewer[data-idle]{cursor:none}.viewer[data-idle] .viewer-hud:not(:focus-within){opacity:0;pointer-events:none}.viewer-open,.viewer-open body{overflow:hidden}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html{scroll-padding-block-start:var(--header-h)}}@layer components{.dp-prep{max-inline-size:var(--measure);color:var(--ink-2);font-size:var(--step--1)}.dp-classes :is(th,td):not(:first-child){text-align:end}.dp-classes td:not(:first-child){color:var(--ink-1);font-size:inherit;font-weight:600}.dp-ring{--x: 0;--y: 0;position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:max(calc(var(--touch-min) * 2),10vmin);aspect-ratio:1;border:var(--focus-w) solid var(--ink-1);border-radius:50%;box-shadow:0 0 0 var(--focus-w) var(--stage),inset 0 0 0 var(--focus-w) var(--stage);transform:translate(calc(var(--x) * 1px - 50%),calc(var(--y) * 1px - 50%));touch-action:none;cursor:grab}.dp-ring:active{cursor:grabbing}.dp-spot{display:flex;align-items:center;gap:var(--space-3);text-align:start}.dp-spot-text{color:var(--ink-2);font-size:var(--step--1)}.dp-lens{flex:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1);min-inline-size:var(--touch-min);aspect-ratio:1;padding:var(--space-1);border-radius:var(--chamfer);background:var(--stage);box-shadow:inset 0 0 0 var(--rule-w) var(--line-strong)}.dp-lens>span{background:var(--cell)}.dp-lens[data-lit~=r]>.dp-r{background:var(--sub-r)}.dp-lens[data-lit~=g]>.dp-g{background:var(--sub-g)}.dp-lens[data-lit~=b]>.dp-b{background:var(--sub-b)}.dp-lens[data-lit=half]>.dp-r{background:color-mix(in oklab,var(--sub-r) 50%,var(--cell))}.dp-lens[data-lit=half]>.dp-g{background:color-mix(in oklab,var(--sub-g) 50%,var(--cell))}.dp-lens[data-lit=half]>.dp-b{background:color-mix(in oklab,var(--sub-b) 50%,var(--cell))}.dp-toggle[aria-pressed=true]{background:var(--surface-2);color:var(--ink-1);box-shadow:inset 0 0 0 var(--rule-w) var(--rule)}}@layer components{.pattern-tool{display:grid;gap:var(--space-4);padding-block:var(--space-5) var(--space-7)}.pattern-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--thumb)),1fr));gap:var(--space-3);list-style:none}.pattern-btn{display:grid;gap:var(--space-2);inline-size:100%;padding:var(--space-2) var(--space-2) var(--space-3);border:0;border-radius:var(--radius);background:var(--surface);color:var(--ink-1);font-size:var(--step--1);font-weight:600;text-align:start;box-shadow:var(--lift);touch-action:manipulation;transition:background-color var(--dur-2) var(--ease-out)}.pattern-btn:hover{background:var(--surface-2)}.pattern-btn>span{padding-inline:var(--space-1)}.pattern-thumb{inline-size:100%;block-size:auto;aspect-ratio:16 / 10;border-radius:calc(var(--radius) - var(--space-2));background:var(--stage);outline:var(--rule-w) solid var(--rule)}}@layer components{.band-preview{inline-size:100%;block-size:auto;aspect-ratio:3 / 1;border-radius:var(--radius-lg);background:var(--stage);box-shadow:var(--lift)}@container stage (inline-size >= 48rem){.band-preview{aspect-ratio:6 / 1}}.band-picks{display:flex;flex-wrap:wrap;gap:var(--space-2)}}@layer components{.burnin{display:grid;gap:var(--space-4);padding-block:var(--space-5) var(--space-7)}.burnin-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(var(--touch-min) * 2)),1fr));gap:var(--space-4) var(--space-3);list-style:none}.burnin-fields li{display:grid;gap:var(--space-2);color:var(--ink-2);font-size:var(--step--1)}.burnin-swatch{aspect-ratio:16 / 10;border-radius:var(--radius);background-color:var(--surface);box-shadow:inset 0 0 0 var(--rule-w) var(--line-strong)}}@layer components{.bleed{display:grid;gap:var(--space-4);padding-block:var(--space-5) var(--space-7)}.bleed-panels{max-inline-size:var(--measure)}.bleed-panels :is(th,td):not(:first-child){text-align:end}.bleed-panels :is(th,td):last-child{padding-inline-end:0}}@layer components{.motion-tool{display:grid;gap:var(--space-4);padding-block:var(--space-5) var(--space-7)}.motion-canvas{inline-size:100%;block-size:auto;border-radius:var(--radius);outline:var(--rule-w) solid var(--rule)}dd.motion-hz{color:var(--sky)}.motion-limit{color:var(--ink-3);font-size:var(--step--1)}.ghost-canvas{aspect-ratio:4 / 3}@container stage (inline-size >= 48rem){.ghost-canvas{aspect-ratio:4 / 1}}.ghost-speed label:has(input:disabled){opacity:var(--dim)}.ghost-speed input:disabled{cursor:not-allowed}}@layer components{.console .res-readout{grid-template-columns:minmax(0,1fr);padding-block-start:0;border-block-start:0}.res-readout .reading-main{padding-inline-end:0;border-inline-end:0}.res-side{display:grid;gap:var(--space-4);padding-block-start:var(--space-4);border-block-start:var(--rule-w) solid var(--rule)}.res-big{--step-giant: var(--step-giant-9)}.res-x,.res-about{color:var(--ink-3);font-size:var(--step-1);font-weight:500;letter-spacing:0}.res-label,.res-inches{max-inline-size:var(--measure);color:var(--ink-2);font-size:var(--step--1)}.res-controls{margin-block-start:var(--space-2)}.res-names :is(th,td):nth-child(2){text-align:end}}@layer components{.ppi-form{display:grid;gap:var(--space-4)}.ppi-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(var(--touch-min) * 4)),1fr));gap:var(--space-3) var(--space-4)}.ppi-field{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1);color:var(--ink-2);font-size:var(--step--1)}.ppi-input{display:flex;align-items:center;gap:var(--space-2);min-block-size:var(--touch-min);padding-inline:var(--space-4);border:var(--rule-w) solid transparent;border-radius:var(--pill);background:var(--stage);box-shadow:inset 0 0 0 var(--rule-w) var(--line)}.ppi-input:focus-within{outline:var(--focus-w) solid var(--ink-1);outline-offset:var(--focus-offset)}.ppi-input input{flex:1;min-inline-size:0;min-block-size:var(--touch-min);border:0;background:transparent;color:var(--ink-1);font-size:var(--step-1);font-variant-numeric:tabular-nums}.ppi-input input:focus-visible{outline:none}.ppi-preset{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--ink-3);font-size:var(--step--1)}.ppi-preset select{min-block-size:var(--touch-min);max-inline-size:100%;padding-inline:var(--space-4);border:var(--rule-w) solid transparent;border-radius:var(--pill);background:var(--surface);color:var(--ink-1);font-weight:600;box-shadow:var(--lift)}.ppi-hint,.ppi-label{color:var(--ink-2);font-size:var(--step--1)}.ppi-formula{color:var(--ink-1);font-family:var(--font-numbers);font-feature-settings:"zero";font-size:var(--step-1);font-variant-numeric:tabular-nums}.ppi-grid :is(th,td):not(:first-child){text-align:end}.ppi-grid td:not(:first-child){color:var(--ink-1);font-size:inherit;font-weight:600}}@layer components{.gs-warn{max-inline-size:var(--measure);color:var(--ink-1);font-size:var(--step--1)}.gs-controls .choice{flex:1 1 100%}.gs-controls .choice-track{flex:1}.gs-controls .choice label{flex:1;justify-content:center;padding-inline:var(--space-2)}@container panel (inline-size >= 48rem){.gs-controls .choice,.gs-controls .choice-track{flex:none}.gs-controls .choice label{flex:none;padding-inline:var(--space-4)}}.gs-controls .choice:enabled label:has(input:disabled){color:var(--ink-3);cursor:default}.gs .hz-state[data-state=run]:before{background:var(--blue);border-color:var(--blue)}.gs-scene,.gs-chart{inline-size:100%;block-size:auto;border-radius:var(--radius);background:var(--well)}.gs-scene{aspect-ratio:2 / 1}.gs-chart{aspect-ratio:4 / 1}@container reading (inline-size >= 30rem){.gs-scene{aspect-ratio:5 / 2}.gs-chart{aspect-ratio:6 / 1}}.gs-about{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--space-2) var(--space-4);padding-block-start:var(--space-4);font-size:var(--step--1)}.gs-about>div{display:contents}.gs-about dt{color:var(--ink-3)}.gs-about dd{color:var(--ink-1);font-weight:600;overflow-wrap:anywhere}}@layer components{.hdr .readout{padding-block-start:0}.hdr-label{color:var(--ink-2);font-size:var(--step--1)}.hdr-part{display:grid;gap:var(--space-3);padding-block-start:var(--space-5)}.hdr-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);max-inline-size:var(--measure)}.hdr-step{display:grid;gap:var(--space-1)}.hdr-step figcaption{color:var(--ink-2);font-size:var(--step--1);font-variant-numeric:tabular-nums;text-align:center}.hdr-tile{inline-size:100%;aspect-ratio:1;border-radius:var(--radius);background:var(--cell);forced-color-adjust:none}.hdr-white{background:#fff}.hdr-pairs{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:var(--space-2) var(--space-1);max-inline-size:var(--measure);list-style:none}.hdr-pairs>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center}.hdr-pairs-head{color:var(--ink-3);font-size:var(--step--2);font-weight:600}.hdr-pair-name{padding-inline-end:var(--space-4);color:var(--ink-1);font-size:var(--step--1);font-weight:600}.hdr-swatch{aspect-ratio:4;forced-color-adjust:none}.hdr-pair-name+.hdr-swatch{border-start-start-radius:var(--radius);border-end-start-radius:var(--radius)}.hdr-swatch+.hdr-swatch{border-start-end-radius:var(--radius);border-end-end-radius:var(--radius)}.hdr-p3-red{background:red;background:color(display-p3 1 0 0)}.hdr-srgb-red{background:red}.hdr-p3-green{background:#0f0;background:color(display-p3 0 1 0)}.hdr-srgb-green{background:#0f0}.hdr-p3-cyan{background:#0ff;background:color(display-p3 0 1 1)}.hdr-srgb-cyan{background:#0ff}.hdr-support :is(th,td):not(:first-child){text-align:end}}@layer components{.pair-demo{container-name:panel topic}.lane[data-kind=slowed] .lane-kind{background:var(--tint-blue);color:var(--blue)}.frame-steps{max-inline-size:var(--measure)}.frame-steps td:nth-child(n+3){color:var(--ink-2);font-size:inherit;font-weight:400}}@layer components;[hidden]{display:none}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}}@media(forced-colors:active){.btn,.panel,.trace-plot{border-color:CanvasText}:focus-visible{outline-color:Highlight}}