/* Mobile schedule rows: information is read top to bottom instead of six compressed columns. */
@media (max-width: 650px) {
    body .schedule-page .daily-schedule { overflow: hidden; }
    body .schedule-page .daily-row {
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 10px 12px;
        padding: 16px;
    }
    body .schedule-page .daily-row > time { grid-column: 1; grid-row: 1; align-self: start; padding-top: 2px; }
    body .schedule-page .daily-row > div:nth-of-type(1) { grid-column: 2; grid-row: 1; min-width: 0; }
    body .schedule-page .daily-row > div:nth-of-type(2),
    body .schedule-page .daily-row > div:nth-of-type(3) { display: none; }
    body .schedule-page .daily-row .places {
        display: grid;
        grid-column: 1 / -1;
        grid-row: 2;
        grid-template-columns: auto 1fr;
        align-items: baseline;
        gap: 4px 8px;
        min-width: 0;
        padding: 10px 12px;
        border-radius: 11px;
        background: rgba(255, 255, 255, .52);
    }
    body .schedule-page .places > strong { font-size: 17px; }
    body .schedule-page .places > small { margin: 0; font-size: 13px; }
    body .schedule-page .places .occupancy-meter-v171 {
        grid-column: 1 / -1;
        width: 100%;
        min-width: 0;
        margin-top: 3px;
    }
    body .schedule-page .places .occupancy-meta-v171 { margin-top: 7px; }
    body .schedule-page .daily-action {
        grid-column: 1 / -1;
        grid-row: 3;
        justify-content: flex-start;
        min-height: 38px;
    }
    body .schedule-page .daily-action .button,
    body .schedule-page .daily-action > a { width: 100%; justify-content: center; }
    body .schedule-page .daily-action .row-status { font-size: 14px; }
    body .schedule-page .daily-row .future-course-transition-v112 { max-width: 100%; }
}