/* Restore the approved large disk + cost list. Scope every rule to Speed. */
#speed .study-layout{display:block}
#speed .speed-original{position:relative;top:auto;margin:0 0 40px}
#speed .speed-original-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
#speed .speed-original svg{width:100%;height:auto;max-width:680px;display:block}
#speed .speed-original svg text{font-family:Inter,Arial,sans-serif}
#speed .speed-retained{font:500 18px Inter,Arial,sans-serif;fill:#e1e7e2}
#speed .speed-cause{font:500 19px/28px Inter,Arial,sans-serif;color:#c4d7df;padding:0 0 28px}
#speed .speed-cost-item{display:grid;grid-template-columns:26px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid var(--rule);color:#c6d0cd}
#speed .speed-cost-number{font:13px/28px Inter,Arial,sans-serif;color:#8f9fa4}
#speed .speed-cost-title{display:block;font:500 21px/28px Inter,Arial,sans-serif;margin-bottom:10px}
#speed .speed-cost-description{display:block;font:400 16px/25px Inter,Arial,sans-serif;color:#9eacae}
#speed .study-copy{display:grid;grid-template-columns:1fr 1fr;gap:56px}
#speed .speed-original figcaption{font-size:14px;line-height:24px;padding-top:16px}
@media(max-width:1100px){#speed .speed-original-layout{gap:24px}#speed .study-copy{gap:32px}}
@media(max-width:750px){#speed .speed-original-layout{grid-template-columns:1fr;gap:16px}#speed .speed-costs{padding:0 4px}#speed .speed-cause{font-size:17px;padding-bottom:8px}#speed .speed-cost-item{padding:18px 0;gap:12px}#speed .speed-cost-title{font-size:19px;line-height:26px;margin-bottom:6px}#speed .speed-cost-description{font-size:15px;line-height:24px}#speed .study-copy{grid-template-columns:1fr;gap:0}#speed .speed-original{margin-bottom:32px}#speed .speed-original figcaption{font-size:13px;line-height:21px}}

/* Procedural fill behind semantic SVG annotations; reserve size before startup. */
#speed .speed-graphic{position:relative;width:100%;aspect-ratio:600/520;max-width:680px;isolation:isolate}
#speed .speed-graphic>svg{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible}
#speed .speed-particle-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#speed .speed-cost-item{transition:color .4s ease}
#speed .speed-cost-item.cost-emphasis .speed-cost-number{color:#e8d8ac}
#speed .speed-cost-item.cost-emphasis .speed-cost-title{color:#e9e1cc}
#speed .speed-context-lost .speed-particle-canvas{display:none}
@media(prefers-reduced-motion:reduce){#speed .speed-cost-item{transition:none}}

#speed .speed-static-fill{opacity:0}#speed .speed-context-lost .speed-static-fill{opacity:1}

/* Keep the lit entry responsive; let the child colors settle softly on exit. */
#speed .speed-cost-number,#speed .speed-cost-title{transition:color .9s cubic-bezier(.22,1,.36,1)}
#speed .cost-emphasis .speed-cost-number,#speed .cost-emphasis .speed-cost-title{transition-duration:.22s}
@media(prefers-reduced-motion:reduce){#speed .speed-cost-number,#speed .speed-cost-title{transition:none}}