:root{--ink: #0e1420;--ink-2: #161f2e;--ink-3: #1f2b3d;--line: #2b3a50;--paper: #e9eef7;--paper-dim: #9fb0c6;--fail: #ff8360;--fix: #56cfe1;--fail-deep: #8f2f0f;--fix-deep: #0a5566;--lab: #f4f6fa;--lab-ink: #10151f;--lab-line: #c9d3e2;--display: ui-sans-serif, "Segoe UI Variable Display", "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;--measure: 62ch;--radius: 10px;--gutter: clamp(1.25rem, 4vw, 4rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block-start:1rem;background:var(--ink);color-scheme:dark}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--display);font-size:clamp(1rem,.95rem + .2vw,1.0625rem);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.08;margin:0;text-wrap:balance}p{margin:0 0 1rem;max-width:var(--measure)}img{max-width:100%;height:auto}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #ffffff;outline-offset:2px;border-radius:4px;box-shadow:0 0 0 6px var(--ink)}.lab :where(a,button,input,select,textarea):focus-visible{outline-color:var(--lab-ink);box-shadow:0 0 0 6px #fff}.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem;z-index:200;transform:translateY(-150%);background:#fff;color:var(--ink);font-weight:700;padding:.7rem 1.1rem;border-radius:var(--radius);text-decoration:none}.skip:focus{transform:translateY(0)}.btn{font:inherit;font-weight:650;color:var(--paper);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius);padding:.55rem .95rem;cursor:pointer}.btn:hover{background:#26344a}.hero{min-height:100vh;min-height:100svh;display:grid;align-content:center;gap:1.75rem;padding:6rem var(--gutter) 4rem;scroll-snap-align:start;border-block-end:1px solid var(--line)}.hero__kicker{font-family:var(--mono);font-size:.8rem;color:var(--fix);letter-spacing:.02em;margin:0}.hero__title{font-size:clamp(2.6rem,9vw,6.5rem);font-weight:850;letter-spacing:-.035em;max-width:16ch}.hero__sub{color:var(--paper-dim);max-width:54ch;font-size:1.125rem}.beatbox{border:1px solid var(--line);background:linear-gradient(180deg,rgba(86,207,225,.06),transparent 60%),var(--ink-2);border-radius:14px;padding:clamp(1rem,3vw,2rem);display:grid;gap:.85rem;max-width:62rem}.beatbox audio{width:100%}.hero__meta{font-family:var(--mono);font-size:.8rem;color:var(--paper-dim);display:flex;flex-wrap:wrap;gap:1.25rem;margin:0}.jump{position:fixed;inset-block-start:50%;inset-inline-end:clamp(.5rem,1.5vw,1.25rem);transform:translateY(-50%);z-index:100;background:#161f2ef0;backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;padding:.75rem;max-width:15rem}.jump__title{font-family:var(--mono);font-size:.7rem;color:var(--paper-dim);margin:0 0 .5rem .4rem}.jump ol{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}.jump a{display:grid;grid-template-columns:2ch 1fr;gap:.6rem;align-items:baseline;padding:.4rem .5rem;border-radius:7px;color:var(--paper-dim);text-decoration:none;font-size:.875rem}.jump a:hover{color:var(--paper);background:var(--ink-3)}.jump a span:first-child{font-family:var(--mono);font-size:.75rem}.jump a[aria-current=true]{color:var(--ink);background:var(--fix);font-weight:700}.jump__tools{margin-block-start:.6rem;padding-block-start:.6rem;border-block-start:1px solid var(--line);display:grid;gap:.35rem}.jump__tools .btn{font-size:.8rem;padding:.4rem .6rem;text-align:start}.unit{min-height:100vh;min-height:100svh;scroll-snap-align:start;display:grid;align-content:center;gap:clamp(1rem,2.5vh,2rem);padding:clamp(5rem,7vh,5rem) var(--gutter);padding-inline-end:clamp(3rem,18vw,17rem);border-block-end:1px solid var(--line)}.unit:focus{outline:none}.unit__head{display:grid;gap:.6rem}.unit__n{font-family:var(--mono);font-size:.8rem;color:var(--fix);margin:0}.unit__title{font-size:clamp(1.9rem,4.2vw,3.1rem);font-weight:800;letter-spacing:-.03em}.unit__lede{color:var(--paper-dim);max-width:58ch;margin:0}.criteria{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}.criteria li{font-family:var(--mono);font-size:.72rem;color:var(--paper-dim);border:1px solid var(--line);border-radius:999px;padding:.2rem .6rem}.unit__body{display:grid;gap:clamp(1rem,2vw,1.75rem);align-items:start}@media(min-width:1100px){.unit__body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.switchbar{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem}.switch{display:inline-flex;align-items:center;gap:.6rem;font:inherit;font-weight:650;color:var(--paper);background:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:.4rem 1rem .4rem .45rem;cursor:pointer}.switch__track{inline-size:3.1rem;block-size:1.7rem;border-radius:999px;background:var(--fail);position:relative;flex:none;transition:background .15s linear}.switch__track:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:1.1rem;block-size:1.1rem;border-radius:50%;background:var(--ink);transition:translate .15s ease-out}.switch[aria-checked=true] .switch__track{background:var(--fix)}.switch[aria-checked=true] .switch__track:after{translate:1.4rem 0}.statepill{font-family:var(--mono);font-size:.78rem;border:1px solid currentColor;border-radius:999px;padding:.2rem .7rem;color:var(--fail)}.statepill[data-state=fix]{color:var(--fix)}.lab{background:var(--lab);color:var(--lab-ink);border-radius:12px;border:1px solid var(--lab-line);overflow:hidden}.lab__bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;background:#e3e8f1;border-block-end:1px solid var(--lab-line);font-family:var(--mono);font-size:.72rem;color:#42526b}.lab__dot{inline-size:.6rem;block-size:.6rem;border-radius:50%;background:#b9c4d4;flex:none}.lab__stage{padding:clamp(1.1rem,3vw,2rem);min-height:15rem;display:grid;align-content:center}.lab[data-state=fail] .lab__bar{background:repeating-linear-gradient(135deg,#f6ded6,#f6ded6 8px,#efcdc1 8px 16px);color:var(--fail-deep)}.lab[data-state=fix] .lab__bar{background:#d7eff4;color:var(--fix-deep)}.lab__try{font-size:.9rem;color:var(--paper-dim);margin:.75rem 0 0;max-width:52ch}.lab-card{display:grid;gap:.9rem;justify-items:start}.lab-price{font-weight:700;margin:0;font-size:1.05rem}.lab-out{font-family:var(--mono);font-size:.9rem;margin:0}.lab-btn{font:inherit;font-weight:700;background:#10151f;color:#fff;border:1px solid #10151f;border-radius:8px;padding:.6rem 1.1rem;cursor:pointer}.lab-btn:hover{background:#263248}.lab-btn--fake{display:inline-block;user-select:none}.lab-figure{margin:0;display:grid;gap:.5rem;justify-items:start}.lab-caption{font-weight:600}.lab-nav{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center}.lab-nav a{color:#10151f;font-weight:600}.lab-nav--noring a:focus,.lab-nav--noring a:focus-visible,.lab-nav--noring button:focus,.lab-nav--noring button:focus-visible{outline:none;box-shadow:none}.lab-prose p{margin:0 0 .75rem}.lab-prose a{color:#0a4a8f}.lab-form{display:grid;gap:.4rem;justify-items:start;max-width:24rem}.lab-form label{font-weight:650;font-size:.9rem}.lab-form input{font:inherit;inline-size:100%;padding:.5rem .65rem;border:1px solid #8d9aae;border-radius:7px;background:#fff;color:var(--lab-ink);margin-block-end:.5rem}.lab-fakelabel{font-weight:650;font-size:.9rem}.lab-hint{font-size:.82rem;color:#42526b;margin:0 0 .5rem}.lab-hint--coloronly{color:#c0341a;font-weight:700}.lab-status{font-size:.9rem;font-weight:650;margin:.5rem 0 0;min-height:1.4em}.linklist{margin-block-start:.9rem;border:1px dashed var(--lab-line);border-radius:8px;padding:.75rem .9rem;background:#fff;font-family:var(--mono);font-size:.85rem}.linklist ol{margin:.4rem 0 0;padding-inline-start:1.4rem}.linklist p{margin:0;font-weight:700}.panes{display:grid;gap:.9rem;min-width:0}@media(min-width:700px)and (max-width:1099px){.panes{grid-template-columns:1fr 1fr}}.pane{border:1px solid var(--line);border-radius:10px;background:var(--ink-2);min-width:0;overflow:hidden}.pane[data-kind=fail]{border-color:color-mix(in srgb,var(--fail) 45%,var(--line))}.pane[data-kind=fix]{border-color:color-mix(in srgb,var(--fix) 45%,var(--line))}.pane[data-active=true]{box-shadow:inset 0 0 0 1px currentColor}.pane__head{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-block-end:1px solid var(--line);font-family:var(--mono);font-size:.78rem;font-weight:700}.pane[data-kind=fail] .pane__head{color:var(--fail)}.pane[data-kind=fix] .pane__head{color:var(--fix)}.pane__mark{font-size:.9rem;line-height:1}.pane pre{margin:0;padding:.85rem .9rem;overflow:auto;max-height:15rem;font-family:var(--mono);font-size:.82rem;line-height:1.65;tab-size:2}.pane pre:focus-visible{outline-offset:-3px}.cline{display:block;counter-increment:cl;position:relative;padding-inline-start:2.6rem}.cline:before{content:counter(cl);position:absolute;inset-inline-start:0;inline-size:2rem;text-align:end;color:#5b6c85;user-select:none}.pane pre code{counter-reset:cl;display:block}.cline--flagged{background:#ff83601a}.cline--flagged:after{content:"";position:absolute;inset-block:0;inset-inline-start:2.2rem;inline-size:2px;background:var(--fail)}.pane[data-kind=fix] .cline--flagged{background:#56cfe11a}.pane[data-kind=fix] .cline--flagged:after{background:var(--fix)}.tok--tag{color:#8fd3ff}.tok--attr{color:#ffd9a0}.tok--string{color:#a8e6b0}.tok--punct{color:#7e90a8}.tok--comment{color:#6f8098;font-style:italic}.notes{margin:0;padding:.7rem .9rem .85rem 2.4rem;border-block-start:1px solid var(--line);font-size:.82rem;color:var(--paper-dim);display:grid;gap:.4rem}.notes li::marker{color:var(--fail);font-family:var(--mono)}.pane[data-kind=fix] .notes li::marker{color:var(--fix)}.rule{margin:0;border-inline-start:3px solid var(--fix);padding:.35rem 0 .35rem 1.1rem;font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:600;max-width:70ch}.rule cite{display:block;font:500 .8rem var(--mono);color:var(--paper-dim);font-style:normal;margin-block-start:.4rem}.buffer{position:fixed;inset-block-end:0;inset-inline:0;z-index:150;background:#060a12;border-block-start:2px solid var(--fix);padding:.6rem clamp(.75rem,2vw,1.5rem);font-family:var(--mono);font-size:.85rem;max-height:32vh;overflow:auto}.buffer[hidden]{display:none}.buffer__head{display:flex;gap:.75rem;align-items:baseline;justify-content:space-between;color:var(--paper-dim);font-size:.72rem}.buffer__log{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.2rem}.buffer__log li{padding:.2rem 0;border-block-end:1px solid #121a28}.buffer__log li:first-child{color:#fff;font-weight:700}.buffer__log .muted{color:var(--paper-dim)}.buffer__warn{color:var(--fail)}body:has(.buffer:not([hidden])){padding-block-end:32vh}.foot{padding:clamp(3rem,8vh,6rem) var(--gutter);display:grid;gap:1rem;scroll-snap-align:start}.foot h2{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;letter-spacing:-.02em}.foot a{color:var(--fix)}.foot ul{max-width:var(--measure)}@media(min-width:1000px)and (min-height:620px){html.snap{scroll-snap-type:y mandatory}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.switch__track:after,.switch__track{transition:none}}@media(max-width:999px){.unit{padding-inline-end:var(--gutter);min-height:auto;padding-block:3.5rem}.hero{min-height:auto;padding-block-start:4.5rem}.jump{position:static;transform:none;max-width:none;margin:0 var(--gutter) 2rem}.jump ol{grid-template-columns:1fr 1fr}}