/* Keeps the primary section links reachable without competing with the mobile CTA. */
.site-nav--mobile {
    display: none;
}

@media (max-width: 760px) {
    .site-appbar.mud-appbar-fixed-top {
        position: sticky;
    }

    .site-appbar.mud-appbar-dense {
        height: auto;
        min-height: 0;
        align-items: flex-start;
    }

    .site-appbar .mud-toolbar.mud-toolbar-dense {
        height: auto;
        min-height: 0;
        align-items: flex-start;
    }

    .site-appbar-inner {
        flex-wrap: wrap;
        row-gap: .25rem;
        padding-block: .45rem;
    }

    .site-appbar-inner > .mud-spacer {
        display: none;
    }

    .site-appbar-inner > .mud-button-root {
        margin-left: auto;
    }

    .site-nav--mobile {
        display: grid;
        flex: 1 0 100%;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0;
        order: 3;
        padding-block: .1rem;
    }

    .site-nav--mobile a {
        display: inline-flex;
        min-width: 0;
        min-height: 2.5rem;
        align-items: center;
        justify-content: center;
        padding: .25rem .2rem;
        border: 0;
        border-radius: 0;
        color: rgba(247, 237, 247, .82) !important;
        font-size: .74rem;
        line-height: 1.15;
        text-align: center;
    }

    .site-nav--mobile a + a {
        border-left: 1px solid rgba(247, 237, 247, .16);
    }

    .site-nav--mobile a::after {
        display: none;
    }

    .mud-main-content {
        padding-top: 0 !important;
    }
}