.decision-header{padding:48px 0 56px;max-width:820px}.back-link{font-size:13px;text-decoration:none}.decision-header .lab-eyebrow{margin-top:36px}.decision-header h1{font-size:clamp(36px,4.5vw,60px);letter-spacing:-1.8px;line-height:1.15;margin:20px 0}.decision-header>p:not(.lab-eyebrow){font-size:17px;line-height:1.7;color:var(--tot-muted)}.source-pill{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;margin-top:24px}.source-pill code{color:var(--tot-muted)}.source-dot{width:7px;height:7px;border-radius:50%;background:var(--tot-success)}.decision-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px;align-items:start}.decision-station{position:sticky;top:24px}.decision-stage{border:1px solid #b9c2c8;border-radius:20px;background:linear-gradient(140deg,#fffefa,#eaece7);overflow:hidden;position:relative;box-shadow:0 12px 35px #13243a08}.station-head{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;font:11px ui-monospace,monospace;letter-spacing:1px;border-bottom:1px solid #cdd2d1;color:var(--tot-muted)}.stage-identities{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:18px 20px}.stage-identities span{display:flex;gap:7px;align-items:center}.stage-identities b{font:11px ui-monospace,monospace;color:var(--tot-muted)}.blue-dot,.orange-dot{display:inline-block;width:7px;height:7px;background:var(--tot-blue);border-radius:50%}.orange-dot{background:var(--tot-orange)}#decisionCanvas{display:block;width:100%;height:280px}.stage-caption{font-size:13px;line-height:1.65;padding:12px 20px;margin:0;min-height:68px;border-top:1px solid #cdd2d1;background:#fffefa9c}.compute-overlay{position:absolute;left:5%;right:5%;top:35%;display:flex;align-items:center;justify-content:space-around;gap:10px;background:var(--tot-instrument);color:var(--tot-instrument-ink);padding:20px 12px;border-radius:12px;box-shadow:0 10px 25px #13243a22}.compute-overlay span{font:600 22px ui-monospace,monospace;text-align:center}.compute-overlay small{display:block;font:12px system-ui;margin-top:8px;color:#d3e2eb}.compute-overlay>b{font-size:16px;color:#a7bdce}.decision-controls{padding:20px 0}.phase-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.phase-buttons button{display:flex;gap:8px;align-items:center;justify-content:center;min-height:44px;background:transparent;border:1px solid var(--tot-control-line);border-radius:10px;font:12px ui-monospace,monospace;color:var(--tot-muted)}.phase-buttons span{font:600 13px system-ui}.phase-buttons button[aria-pressed=true]{background:var(--tot-blue);color:white;border-color:var(--tot-blue)}.scrub-label{display:flex;justify-content:space-between;margin:20px 0 4px;font-size:12px;color:var(--tot-muted)}#decisionProgress{display:block;width:100%;height:32px;accent-color:var(--tot-blue);cursor:ew-resize;margin:0}.transport{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.transport button,#decisionRetry,#artRetry{min-height:44px;padding:8px 12px;border:1px solid var(--tot-control-line);border-radius:10px;background:var(--tot-surface);color:var(--tot-ink);font-size:13px}#decisionPlay{background:var(--tot-ink);color:var(--tot-surface);border-color:var(--tot-ink)}#decisionStatus,#artStatus{font-size:12px;color:var(--tot-muted);line-height:1.5}.decision-step{min-height:490px;padding:30px 0 100px;border-top:1px solid var(--tot-line);scroll-margin-top:36px;opacity:1;transition:border-color .2s}.decision-step.is-current{border-top-color:var(--tot-blue)}.step-number{font:12px ui-monospace,monospace;color:var(--tot-blue);letter-spacing:1px}.decision-step h2{font-size:28px;line-height:1.3;letter-spacing:-.6px;margin:20px 0}.decision-step p{font-size:16px;color:var(--tot-muted);line-height:1.85}.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:30px 0}.reading-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.reading-grid dt{font-size:12px;color:var(--tot-muted);margin-bottom:8px}.reading-grid dd{font:500 26px ui-monospace,monospace;margin:0}.decision-step details{border-block:1px solid var(--tot-line);padding:4px 0}.decision-step summary{padding:14px 0;cursor:pointer;font-size:14px;color:var(--tot-blue);min-height:44px}.bit-stream{display:block;word-break:break-all;font-size:12px;line-height:1.8;background:var(--tot-surface-soft);padding:16px;border-radius:10px}.field-source{font:11px/1.6 ui-monospace,monospace!important;overflow-wrap:anywhere}.decision-exit{padding:64px 0 88px;border-top:1px solid var(--tot-line)}.decision-exit h2{font-size:32px}.decision-exit>p{color:var(--tot-muted);line-height:1.8}.network-record{font:13px/1.8 ui-monospace,monospace}
@media(max-width:1023px){.decision-layout{gap:28px}.decision-step h2{font-size:25px}.station-head{font-size:10px;padding:16px}.stage-identities{padding:16px}.phase-buttons button{flex-direction:column;gap:2px}.reading-grid dd{font-size:22px}}
@media(max-width:760px){.decision-header{padding:28px 0 36px}.decision-layout{grid-template-columns:1fr;gap:24px}.decision-station{position:relative;top:auto}.decision-step{min-height:0;padding:28px 0 36px;opacity:1;scroll-margin-top:24px}.decision-story{display:grid;gap:12px}.decision-header h1{letter-spacing:-1px}.phase-buttons button{flex-direction:row}.decision-exit{padding:36px 0 48px}.decision-exit h2{font-size:28px}#decisionCanvas{height:235px}.stage-caption{min-height:66px}.station-head{letter-spacing:0}.compute-overlay{top:33%}.source-pill{line-height:1.6}.decision-controls{padding-bottom:0}}

.observe-detail{position:absolute;left:5%;top:26%;display:flex;align-items:center;gap:12px;pointer-events:none}.observe-detail img{width:150px;height:auto}.observe-detail div{display:grid;gap:8px}.observe-detail b{font-size:18px}.observe-detail span,.observe-detail small{font-size:12px;color:var(--tot-muted)}.decision-step:last-child{min-height:720px}@media(max-width:760px){.decision-step:last-child{min-height:0}.observe-detail img{width:120px}.observe-detail{top:27%;gap:8px}}

@media(max-width:760px){.decision-ready .decision-step:not(.is-current){display:none}}

/* Evidence stays beside the state it describes, including during playback. */
.decision-ready .decision-step:not(.is-current){display:none}.decision-step,.decision-step:last-child{min-height:0;padding:28px 0 36px}.decision-layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:40px;min-height:720px}.decision-header{padding-bottom:32px}.decision-step h2{font-size:30px}#decisionCanvas{height:350px}.observe-detail img{width:210px}.compute-overlay{top:28%;padding:24px}.decision-station{top:16px}@media(max-width:760px){.decision-layout{grid-template-columns:1fr;min-height:0}.decision-step h2{font-size:27px}#decisionCanvas{height:280px}.observe-detail img{width:155px}}