@media (max-width: 900px) {
    :root {
        --content-width: min(94vw, 900px);
        --content-right-bleed: 14px;
        --content-rail-edge: 6px;
        --content-rail-bleed: 48px;
        --header-logo-size: 256px;
        --header-logo-left: max(
            -92px,
            calc(((100vw - var(--content-width)) / 2) - (var(--header-logo-size) * 0.5) - 60px)
        );
        --header-divider-left: calc(var(--header-logo-left) + (var(--header-logo-size) * 0.72));
        --header-divider-top: 167px;
        --header-logo-gap: 0.75rem;
        --header-logo-top: -70px;
        --header-nav-offset: 114px;
        --header-stack-shift: 35px;
        --breadcrumb-band-height: 2.35rem;
        --header-content-offset: 34px;
        --content-left-offset: calc((var(--header-logo-size) * 0.5) + 2px);
    }

    .quick-upload-form-row {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
}

@media (max-width: 700px) {
    :root {
        --content-rail-edge: 0px;
        --content-rail-bleed: 0px;
        --header-logo-size: 94px;
        --header-logo-left: 0px;
        --header-logo-top: 0px;
        --header-stack-shift: 0px;
        --breadcrumb-band-height: auto;
        --header-divider-left: 0px;
        --header-content-offset: 24px;
        --content-left-offset: 0px;
        --breadcrumb-start: 0px;
        --flash-offset: 0px;
    }

    .site-header::after {
        top: auto;
        bottom: 0;
        left: 0;
    }

    .nav-row {
        flex-direction: column;
        align-items: flex-end;
        gap: 0.5rem;
        padding-bottom: 0.55rem;
        padding-left: 0;
    }

    .header-logo-link {
        position: static;
        margin: 0 0 0.35rem;
    }

    .nav-shell {
        align-items: flex-end;
        width: 100%;
    }

    .top-nav-row {
        width: 100%;
        align-items: flex-end;
        flex-direction: column;
        gap: 0.55rem;
        margin-left: 0;
        padding-left: 0;
        padding: 0;
        min-height: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .top-nav-row::before {
        content: none;
    }

    .primary-nav {
        margin-top: 0;
        top: 0;
        display: grid;
        gap: 0.45rem;
        justify-items: end;
    }

    .menu-app-name {
        position: static;
        align-self: flex-start;
        margin: 0 0 0.3rem;
    }

    .submenu {
        position: static;
        display: grid;
        gap: 0.2rem;
        margin-top: 0.25rem;
        padding: 0.2rem 0 0 0.55rem;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .menu-item.has-submenu > a::after,
    .menu-item.has-submenu > .menu-trigger::after {
        content: "";
    }

    .menu-item.has-submenu {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .breadcrumb-row {
        padding-top: 0.35rem;
        padding-left: 0;
    }

    .action-nav-row {
        justify-content: flex-start;
        padding-top: 0.35rem;
        top: 0;
    }

    .breadcrumbs {
        margin-left: 0;
    }

    .content-shell {
        padding-left: 0;
    }

    .dashboard-toolbar {
        justify-content: flex-start;
    }

    .dashboard-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-auto-rows: auto;
    }

    .dash-widget {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .section-head {
        flex-direction: column;
    }
}