/* Student dashboard scroll owner fix: keep the sidebar and content independently scrollable on tablet/desktop. */
@media (min-width: 1101px) {
    html:has(> body.economy-dashboard-mode) {
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        max-height: 100vh;
        max-height: 100dvh;
        overflow: hidden;
        overscroll-behavior: none;
    }

    body.economy-dashboard-mode {
        height: 100vh;
        height: 100dvh;
        min-height: 100vh;
        min-height: 100dvh;
        max-height: 100vh;
        max-height: 100dvh;
        overflow: hidden;
        overscroll-behavior: none;
    }

    body.economy-dashboard-mode .economy-dashboard-stage {
        height: calc(100vh - 26px);
        height: calc(100dvh - 26px);
        max-height: calc(100vh - 26px);
        max-height: calc(100dvh - 26px);
        min-height: 0;
        overflow: hidden;
        overscroll-behavior: none;
    }

    body.economy-dashboard-mode .economy-dashboard-app {
        height: 100%;
        min-height: 0;
        align-items: stretch;
    }

    body.economy-dashboard-mode .economy-dashboard-side,
    body.economy-dashboard-mode .economy-dashboard-main {
        box-sizing: border-box;
        height: 100%;
        min-height: 0;
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        -webkit-overflow-scrolling: touch;
    }

    body.economy-dashboard-mode .economy-dashboard-side {
        align-self: stretch;
    }

    body[data-economy-step="earn"] .economy-dashboard-main {
        padding-bottom: 32px;
        scroll-padding-bottom: 32px;
    }

    body[data-economy-step="earn"] .economy-dashboard-content,
    body[data-economy-step="earn"] .economy-course-activity,
    body[data-economy-step="earn"] .economy-quest-board,
    body[data-economy-step="earn"] .economy-quest-layout,
    body[data-economy-step="earn"] .economy-quest-main {
        min-height: 0;
        max-height: none;
    }

    body[data-economy-step="earn"] .economy-mission-board-grid {
        min-height: 0;
        max-height: none;
        overflow: visible;
    }
}

@media (min-width: 1101px) and (max-width: 1260px) {
    body[data-economy-layout="ipad-11"].economy-dashboard-mode .economy-dashboard-stage {
        height: calc(100vh - 12px);
        height: calc(100dvh - 12px);
        max-height: calc(100vh - 12px);
        max-height: calc(100dvh - 12px);
    }
}