.speed-takeoff{border:1px solid var(--rule);background:color-mix(in srgb, var(--color-paper) 84%, var(--color-paper-strong));border-radius:8px;gap:22px;width:min(100%,760px);margin:34px 0;padding:clamp(18px,3vw,26px);display:grid}.speed-takeoff__head{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;padding-bottom:18px;display:grid}.speed-takeoff__kicker{color:var(--color-muted);margin:0 0 6px;font-size:.82rem;font-weight:660}.speed-takeoff h2{max-width:18ch;color:var(--color-ink);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(1.35rem,2.6vw,2.05rem);font-weight:720;line-height:1.05}.speed-takeoff__ratio{color:var(--color-accent);letter-spacing:0;margin:0;font-size:clamp(2.1rem,6vw,4.25rem);font-weight:720;line-height:.9}.speed-takeoff__plot{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(14px,2.8vw,24px);min-height:280px;padding-top:8px;display:grid}.speed-takeoff__point{grid-template-rows:minmax(128px,1fr) auto;gap:12px;min-width:0;height:100%;display:grid}.speed-takeoff__bar-wrap{border-bottom:1px solid color-mix(in srgb, var(--color-muted) 42%, transparent);align-items:end;display:grid;position:relative}.speed-takeoff__bar-wrap:before{background:color-mix(in srgb, var(--color-muted) 18%, transparent);content:"";height:1px;position:absolute;bottom:50%;left:0;right:0}.speed-takeoff__bar{min-height:8px;height:var(--bar-height);border:1px solid color-mix(in srgb, var(--color-muted) 48%, transparent);background:color-mix(in srgb, var(--color-ink) 88%, var(--color-paper));transform-origin:bottom;animation:speed-rise .68s var(--ease-out) both;border-bottom:0;border-radius:7px 7px 0 0;display:block}.speed-takeoff__point:nth-child(2) .speed-takeoff__bar,.speed-takeoff__point:nth-child(3) .speed-takeoff__bar{background:color-mix(in srgb, var(--color-accent) 44%, var(--color-ink))}.speed-takeoff__point:nth-child(2) .speed-takeoff__bar{animation-delay:90ms}.speed-takeoff__point:nth-child(3) .speed-takeoff__bar{animation-delay:.15s}.speed-takeoff__copy{gap:3px;display:grid}.speed-takeoff__copy strong,.speed-takeoff__copy b{color:var(--color-ink);font-size:.96rem;line-height:1.2}.speed-takeoff__copy strong{font-weight:680}.speed-takeoff__copy span{color:var(--color-muted);font-size:.88rem;line-height:1.32}.speed-takeoff__copy b{margin-top:3px;font-weight:720}.speed-takeoff__debug{border-top:1px solid var(--rule);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;padding-top:18px;display:grid}.speed-takeoff__debug p,.speed-takeoff figcaption{color:var(--color-muted);margin:0;font-size:.92rem;line-height:1.45}.speed-takeoff__debug-bars{gap:7px;display:grid}.speed-takeoff__debug-bar{color:var(--color-muted);grid-template-columns:minmax(88px,.55fr) minmax(56px,.45fr);align-items:center;gap:10px;font-size:.82rem;line-height:1.2;display:grid}.speed-takeoff__debug-bar:before{width:var(--debug-width);background:color-mix(in srgb, var(--color-muted) 40%, transparent);content:"";border-radius:999px;grid-area:1/1/auto/-1;height:4px;display:block}.speed-takeoff__debug-bar span,.speed-takeoff__debug-bar b{grid-row:2}.speed-takeoff__debug-bar b{color:var(--color-ink);justify-self:end;font-weight:660}.speed-takeoff code{color:var(--color-ink);font-size:.92em}@keyframes speed-rise{0%{transform:scaleY(.04)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce),(scripting:none){.speed-takeoff__bar{animation:none}}@media (width<=760px){.speed-takeoff{margin:28px 0;padding:16px}.speed-takeoff__head,.speed-takeoff__debug{grid-template-columns:1fr}.speed-takeoff__ratio{font-size:clamp(2.25rem,16vw,3.5rem)}.speed-takeoff__plot{grid-template-columns:1fr;gap:13px;min-height:auto}.speed-takeoff__point{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);gap:8px}.speed-takeoff__bar-wrap{background:color-mix(in srgb, var(--color-muted) 12%, transparent);border-bottom:0;height:10px}.speed-takeoff__bar-wrap:before{display:none}.speed-takeoff__bar{width:var(--bar-height);transform-origin:0;border:0;border-radius:999px;max-width:100%;height:10px;animation-name:speed-run}.speed-takeoff__debug-bar{grid-template-columns:minmax(0,1fr) auto}}@keyframes speed-run{0%{transform:scaleX(.04)}to{transform:scaleX(1)}}