/* The short walkthrough presents saved results as readable editorial steps.
   The original timed terminal remains a separate, explicitly selected view. */
.demo-mode-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.demo-mode-controls label { color: var(--muted); font-size: .875rem; }
.demo-mode-controls select { min-height: 44px; max-width: 100%; min-width: 0; border: 1px solid #6f6083; border-radius: 0; background: #161d2d; color: var(--ink); padding: 10px 34px 10px 12px; font: inherit; font-size: .875rem; }
.demo-mode-controls select:focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }
.guided-output { min-height: 32rem; padding: 28px; display: flex; flex-direction: column; }
.guide-step-number { margin: 0 0 17px; font: .875rem Consolas, monospace; letter-spacing: .06em; color: var(--cyan); line-height: 1.7; }
.guided-output h4 { font-size: 1.45rem; line-height: 1.45; letter-spacing: -.025em; margin: 0 0 16px; }
.guided-output > p:not(.guide-step-number) { font-size: 1rem; line-height: 1.8; margin-bottom: 20px; }
.guided-output .guide-address { font-family: Consolas, monospace; font-size: .875rem !important; color: #d5bde9; overflow-wrap: anywhere; }
.guided-output ul { margin: 0 0 25px; padding-left: 21px; color: #ddd8e9; font-size: 1rem; line-height: 1.8; }
.guided-output li + li { margin-top: 14px; }
.guided-output > a { margin-top: auto; font-size: .875rem; line-height: 1.8; text-decoration: underline; text-underline-offset: 4px; }
.demo-step-controls { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 13px; }
.step-button { min-height: 44px; padding: 9px 13px; border: 1px solid #62596f; background: #182034; color: #e0d7eb; font-size: .875rem; line-height: 1.6; }
.step-button:hover:not(:disabled) { border-color: var(--cyan); color: var(--cyan); }
.step-button:disabled { opacity: .45; cursor: default; }
@media (max-width: 48rem) {
  .demo-mode-controls { padding-inline: 17px; }
  .guided-output { padding: 23px 20px; min-height: 35rem; }
}
@media print { .demo-mode-controls, .demo-step-controls { display: none; } }