/* Preserve the existing desktop navigation and keep the new entry reachable. */
.nav.nav-with-assets .natural-assets-mobile {
    display: none;
}

@media screen and (max-width: 619px) {
    header.nav.nav-with-assets {
        gap: 6px;
    }

    header.nav.nav-with-assets .logo {
        flex: 0 0 92px;
    }

    header.nav.nav-with-assets ul {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: flex-start;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding: 7px 0;
    }

    header.nav.nav-with-assets ul li {
        flex: 0 0 auto;
    }

    header.nav.nav-with-assets ul .natural-assets-nav {
        display: none;
    }

    header.nav.nav-with-assets .natural-assets-mobile {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        padding: 5px 8px;
        border: 1px solid currentColor;
        border-radius: 3px;
        color: #fff;
        font-size: 14px;
        line-height: 1.2;
        text-decoration: none;
        white-space: nowrap;
    }

    header.nav.nav-with-assets.sticky .natural-assets-mobile {
        color: #173f33;
    }
}