/* Fresh v2 mobile override loaded after the zip design layer. */
@media (max-width: 720px) {
    body.ms-v2 {
        overflow-x: hidden;
    }

    .ms-v2-nav {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        max-width: 100vw;
        overflow: hidden;
    }

    .ms-v2-logo-split {
        align-self: flex-start;
    }

    .ms-v2-nav-links {
        width: 100%;
        max-width: 100%;
        justify-self: stretch;
        overflow-x: auto;
    }

    .ms-v2-nav-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        justify-self: stretch;
    }

    .ms-v2-nav-actions .ms-v2-btn {
        width: 100%;
        min-width: 0;
        justify-content: center;
        white-space: nowrap;
    }

    .ms-v2-main,
    .ms-v2-footer,
    .ms-v2-downloads,
    .ms-v2-inventory-hero,
    .ms-v2-inventory-page {
        max-width: 100%;
        min-width: 0;
    }

    .ms-v2-dl-card,
    .ms-v2-dl-callout,
    .ms-v2-dl-bottom,
    .ms-v2-inventory-page > .ms-v2-toolbar,
    .ms-v2-inventory-page > .ms-v2-filter-panel {
        max-width: 100%;
        overflow: hidden;
    }
}

@media (max-width: 420px) {
    .ms-v2-nav-actions .ms-v2-btn {
        padding-inline: 7px;
        font-size: 11.5px;
    }
}