/* Discovery 2.0.1: immutable follow-up, loaded after Discovery 2.0.
   Keep the existing 1100px disclosure-menu breakpoint and its no-JS fallback. */

/* Counts follow a label now, so the numeral no longer needs a trailing gap. */
.discovery-site .discovery-ribbon strong {
    margin-inline: 0;
}

@media (max-width: 1100px) {
    .discovery-site .language-switcher button {
        min-width: 44px;
        min-height: 44px;
        padding: 7px;
        font-size: .75rem;
    }

    /* Includes phones in landscape: Discovery 2.0 only raised these fields
       at <=620px, leaving the intermediate widths with smaller text. */
    .discovery-site .discovery-filter input,
    .discovery-site .discovery-filter select {
        font-size: max(16px, 1rem);
    }
}

@media (max-width: 480px) {
    /* Give language controls their own row instead of squeezing three larger
       targets between the brand and menu at 320px or enlarged text sizes. */
    .discovery-site .site-header-inner {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "brand toggle"
            "language language"
            "navigation navigation";
        column-gap: 10px;
        row-gap: 0;
    }

    .discovery-site .site-brand {
        min-width: 0;
        max-width: 100%;
        margin-right: 0;
    }

    .discovery-site .language-switcher {
        justify-self: stretch;
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
    }

    .discovery-site .language-switcher button {
        flex: 1 1 0;
        width: auto;
    }
}