/* Finishing details and readable focus/hover combinations. */
.event-readout{background:var(--dark);padding:0 17px 12px;top:5px}
.choice.selected:hover:not(:disabled),.evidence-tab.selected:hover:not(:disabled){color:var(--acid)}
.dark button:hover:not(:disabled){color:var(--acid)}
.dark .cta:hover:not(:disabled),.dark .switch button.selected:hover:not(:disabled){color:var(--ink)}
.spine button:focus-visible{outline-color:var(--acid)}
.dark button:focus-visible,.dark input:focus-visible{outline-color:var(--acid)}
.scene-inner:has(.timeline-chart) .feedback{max-width:1500px}
.flow-circle{font-variant-numeric:tabular-nums;font-size:30px}
.price-line{stroke-dasharray:8 9;stroke-dashoffset:0;animation:none}

/* Give the ladder explanation its full line, and avoid typographic widows. */
.ladder-details{gap:32px}
.ladder-details p{flex:1;max-width:none;min-width:0}
.round-index{flex-shrink:0}
.scene-inner:has(.evidence-layout) .feedback{max-width:none}
p,.feedback,.document-note,.number-caption,.model-note,.meta,.completion-message,
.choice,.order-text,.index-scene,.asset-token small,.help-body li{ text-wrap:pretty }
h2,h3{ text-wrap:balance }