/* Shared desktop frame for data-heavy pages. Mobile density stays page-specific. */
:root {
    --dashboard-max-width: 1440px;
    --dashboard-gutter: 24px;
}

@media (min-width: 769px) {
    .home-page .container,
    .home-page #ref-impact > .container,
    .props-page.props-container,
    .matchups-container,
    .ev-page,
    .referees-page,
    .teams-page,
    .ref-detail-page,
    .plans-page,
    .admin-dashboard,
    .profile-grid {
        box-sizing: border-box;
        width: 100%;
        max-width: var(--dashboard-max-width);
        margin-inline: auto;
        padding-inline: var(--dashboard-gutter);
        min-width: 0;
    }

    /* These shells already sit inside the padded page frame. */
    .referees-shell,
    .teams-shell,
    .home-page .home-props-cta,
    .home-page .home-details .ui-section-card {
        width: 100%;
        max-width: none;
        margin-inline: auto;
    }

    .home-page .jump-links,
    .profile-header {
        box-sizing: border-box;
        width: calc(100% - 2 * var(--dashboard-gutter));
        max-width: calc(var(--dashboard-max-width) - 2 * var(--dashboard-gutter));
        margin-inline: auto;
    }
}