/* One question, with inspectable evidence and a visible review handoff. */
.guide-decision { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem 2rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--rule-soft); }
.guide-decision > .meta { grid-column: 1 / -1; font-size: .8125rem; letter-spacing: .09em; }
.guide-decision p { margin: 0; max-width: 48ch; font-size: 1.125rem; color: var(--ink-strong); }
.guide-decision a { align-self: center; padding-block: .65rem; font-size: .875rem; }
.journey-evidence { padding: 1.75rem; background: var(--canvas-secondary); border: 1px solid var(--rule-soft); border-radius: var(--radius-object); }
.journey-evidence .eyebrow { margin-bottom: 1rem; }
.journey-evidence ul { list-style: none; margin: 0; padding: 0; }
.journey-evidence li { padding-block: 1.25rem; border-top: 1px solid var(--rule-soft); }
.journey-evidence li a { display: inline-block; padding-block: .35rem; font-weight: 600; }
.journey-evidence li p { margin: .35rem 0 0; font-size: .9375rem; }
.journey-scope { font-size: .8125rem; color: var(--ink-muted); margin-bottom: 0; }
.review-topic { padding: 1.25rem; margin-bottom: 1.5rem; border: 1px solid var(--rule-strong); border-radius: var(--radius-object); background: var(--surface); }
.review-topic .meta { margin: 0 0 .5rem; }
.review-topic [data-topic-label] { margin: 0; color: var(--ink-strong); font-weight: 600; overflow-wrap: anywhere; }
.review-topic-actions { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; margin-top: .5rem; }
.review-topic-actions button { background: transparent; border: 0; color: var(--link); padding: .65rem 0; font: inherit; font-size: .875rem; cursor: pointer; text-decoration: underline; text-underline-offset: .2em; }
.review-topic .review-topic-note { margin: .25rem 0 0; font-size: .8125rem; color: var(--ink-muted); }
.evidence-topic { margin-top: 1.5rem; padding: 1rem 1.25rem; border-left: 2px solid var(--rule-strong); background: var(--canvas-secondary); font-size: .875rem; }
.evidence-topic p { margin: 0; }
.evidence-topic a { display: inline-block; padding-block: .65rem; }
.replay-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 2.5rem; }
.replay-results { margin: 0; }
.replay-results > div { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding-block: 1rem; border-bottom: 1px solid var(--rule-soft); }
.replay-results dt { font-size: .9375rem; }
.replay-results dd { margin: 0; }
.replay-run { padding: 1.75rem; border: 1px solid var(--rule-strong); border-radius: var(--radius-object); background: var(--surface); }
.replay-run h3 { margin-top: 0; }
.replay-run pre { margin: 1.25rem 0; padding: 1rem; background: var(--canvas-secondary); overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .8125rem; }
.replay-run ol { padding-left: 1.25rem; }
.replay-run li { margin-bottom: .75rem; font-size: .9375rem; }
.replay-run .button { width: 100%; text-align: center; }
.replay-review { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--rule-soft); }
.replay-review h3 { font-size: 1.125rem; }
.replay-review p { max-width: 72ch; }
@media (max-width: 47.99rem) {
  .guide-decision, .replay-layout { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .guide-decision a { justify-self: start; }
  .journey-evidence, .replay-run { padding: 1.25rem; }
  .replay-results > div { flex-wrap: wrap; }
}
@media (forced-colors: active) {
  .journey-evidence, .review-topic, .replay-run { border-color: CanvasText; }
}