/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V5
 * Existing orange/charcoal tokens · track workspace and timing rail · motion only on Play. */
*{box-sizing:border-box}html,body{overflow-x:clip}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:16px/1.6 var(--font-body)}a{color:var(--color-accent)}header,main,footer{width:min(1200px,calc(100% - 40px));margin:auto}header,footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--color-rule)}header a,footer a{white-space:nowrap;text-decoration:none}.brand{font:700 1rem var(--font-display);color:var(--color-ink)}.brand span{color:var(--color-accent)}.skip{position:absolute;left:16px;top:-100px;background:var(--color-paper);padding:12px;z-index:5}.skip:focus{top:8px}.intro{padding:52px 0 36px}.eyebrow{font:700 .7rem var(--font-display);letter-spacing:.1em;color:var(--color-accent)}h1{font-size:clamp(2.7rem,6vw,5rem);letter-spacing:-.055em;line-height:1.02;margin:20px 0;overflow-wrap:anywhere}h1 span{color:var(--color-accent)}.intro p{color:var(--color-muted)}.intro .eyebrow{color:var(--color-accent)}.description{max-width:57ch}h2{font-size:1.2rem;margin:0}h3{margin:0;font-size:1rem}.session-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-block:1px solid var(--color-rule);padding:18px 0}.session-bar>span,.track-heading{font:.7rem var(--font-display);color:var(--color-muted)}#loading{padding:50px 0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px}.circuit{margin:0;padding:24px 28px 24px 0;min-width:0}.track-heading{display:flex;justify-content:space-between;gap:16px}.track-heading strong{color:var(--color-accent)}svg{display:block;width:100%;height:520px;margin:16px 0}#trackOutline{fill:none;stroke:var(--color-rule);stroke-width:22;stroke-linejoin:round}#trackLine{fill:none;stroke:var(--color-muted);stroke-width:2;opacity:.5}svg text{font:700 17px var(--font-display);fill:var(--color-ink);paint-order:stroke;stroke:var(--color-paper);stroke-width:5px}figcaption,.small{font-size:.75rem;line-height:1.5;color:var(--color-muted)}aside{border-left:1px solid var(--color-rule);padding:24px 0 24px 24px}aside h3{display:flex;justify-content:space-between}aside small{font-family:var(--font-display);color:var(--color-accent)}ol{list-style:none;padding:0;margin:16px 0}li{display:grid;grid-template-columns:24px 1fr 55px;gap:12px;align-items:center;font:.75rem var(--font-display);padding:7px 8px;border-bottom:1px solid var(--color-rule)}li.selected{background:var(--color-surface);outline:1px solid var(--color-accent)}li b{border-left:3px solid var(--team);padding-left:10px}li small{font-size:.6rem;color:var(--color-muted);text-align:right}.transport{border-block:1px solid var(--color-rule);padding:20px 0}.buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}button,select{font:inherit;font-size:.85rem;border:1px solid var(--color-rule);background:var(--color-surface);color:var(--color-ink);padding:11px 14px;min-height:44px;border-radius:var(--radius-control)}button{cursor:pointer;white-space:nowrap}button:hover{border-color:var(--color-accent)}button.primary{background:var(--color-accent);color:var(--color-paper);font-weight:700;min-width:90px}button:disabled{opacity:.5;cursor:wait}.buttons label{margin-left:auto;font-size:.8rem;color:var(--color-muted)}.timeline-label{display:flex;justify-content:space-between;margin-top:24px;font-size:.8rem;color:var(--color-muted)}input[type=range]{width:100%;accent-color:var(--color-accent);min-height:36px}.telemetry{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;padding:32px 0}.telemetry label{display:block;font-size:.75rem;margin:14px 0 4px;color:var(--color-muted)}.telemetry select{max-width:100%;width:100%}dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;align-content:center}dt{font-size:.75rem;color:var(--color-muted)}dd{font:500 1.6rem var(--font-display);margin:6px 0 0}dd small{font-size:.7rem}.telemetry>p{grid-column:1/-1;margin:0}details{border-top:1px solid var(--color-rule);padding:24px 0;margin-top:12px;color:var(--color-muted);font-size:.85rem}summary{cursor:pointer;color:var(--color-ink)}details p{max-width:90ch}footer{border-bottom:0;border-top:1px solid var(--color-rule);font-size:.8rem;color:var(--color-muted);margin-top:24px}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}[hidden]{display:none!important}@media(max-width:800px){.workspace{grid-template-columns:minmax(0,1fr)}.circuit{padding-right:0}aside{border-left:0;border-top:1px solid var(--color-rule);padding-left:0}ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.telemetry{grid-template-columns:minmax(0,1fr)}svg{height:420px}}@media(max-width:450px){header,main,footer{width:calc(100% - 28px)}.intro{padding-top:32px}.session-bar{display:block}.session-bar>span{display:block;margin-top:6px}svg{height:340px}ol{gap:0 8px}li{gap:5px;padding:7px 4px;grid-template-columns:20px 1fr 40px;font-size:.7rem}li b{padding-left:5px}li small{font-size:.55rem}.buttons{gap:6px}.buttons button{padding:10px}.buttons label{margin-left:0;width:100%}dl{gap:16px}dd{font-size:1.3rem}footer{flex-direction:column}}

.buttons label{margin-left:0}.buttons label:first-of-type{margin-left:auto}@media(max-width:450px){.buttons label,.buttons label:first-of-type{margin-left:0;width:auto}.intro{padding-bottom:24px}}

#replay{display:flex;flex-direction:column}.transport{order:-1;border-top:0}.intro h1{font-size:clamp(2.4rem,5vw,3.6rem)}