/* Year 5 practice: keep the worked steps readable and the practice bay reachable. */
.panel-center { min-width: 0; }
.mcs-question-prompt { white-space: pre-line; }

/* The bounds task reuses two keyboard-operable number lines. */
#prac-interactive-panel [data-widget-id="lower"]::before,
#prac-interactive-panel [data-widget-id="upper"]::before {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}
#prac-interactive-panel [data-widget-id="lower"]::before { content: "Lower total estimate"; }
#prac-interactive-panel [data-widget-id="upper"]::before { content: "Upper total estimate"; }

@media (max-width: 760px) {
    body { height: auto; overflow: auto; }
    .terminal-layout { height: auto; min-height: 100vh; padding: 12px; gap: 12px; }
    .system-header { height: auto; padding: 12px; flex-wrap: wrap; gap: 12px; }
    .system-title { flex-wrap: wrap; gap: 8px; }
    .system-status { flex-wrap: wrap; }
    .dashboard-workspace { flex-direction: column; gap: 12px; }
    .panel-center { order: -1; width: 100%; }
    .panel-left { width: 100%; }
    .panel-header { flex-wrap: wrap; gap: 4px; padding: 12px; }
    .panel-content { padding: 12px; overflow: visible; }
    #practice-sandbox-view { overflow: visible !important; }
    #practice-sandbox-view > .flex-row,
    #practice-workspace-card > .flex-row { flex-wrap: wrap; gap: 12px; }
    #practice-workspace-card { padding: 12px; }
    #prac-interactive-panel .mcs-number-line-board { min-width: 0 !important; }
    .mcs-radio-choice-option span { min-width: 0; overflow-wrap: anywhere; }
    .dashboard-grid { grid-template-columns: minmax(0, 1fr); }
}