/* Keep the approved mobile language segments inside their shared 36px frame.
 * Legacy touch-control minimums otherwise stretch a 30px button to 44px. */
@layer fuuvo-mobile-design {
@media (max-width: 920px) {
    html body :is(
        .fs-top-language, .ms-top-language, .fd-top-language, .wt-top-language,
        .an-top-language, .mresearch-language, .mtranslation-language, .mwriting-language
    ) {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        flex-shrink: 0 !important;
        width: 65px !important;
        min-width: 65px !important;
        max-width: 65px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        padding: 2px !important;
        gap: 1px !important;
    }

    html body :is(
        .fs-top-language, .ms-top-language, .fd-top-language, .wt-top-language,
        .an-top-language, .mresearch-language, .mtranslation-language, .mwriting-language
    ) > :is(a, button) {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 29px !important;
        width: 29px !important;
        min-width: 29px !important;
        max-width: 29px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        margin: 0 !important;
        padding: 0 5px !important;
        border: 0 !important;
        border-radius: 7px !important;
        white-space: nowrap !important;
        writing-mode: horizontal-tb !important;
        text-decoration: none !important;
        touch-action: manipulation;
    }

    html body :is(
        .fs-top-language, .ms-top-language, .fd-top-language, .wt-top-language,
        .an-top-language, .mresearch-language, .mtranslation-language, .mwriting-language
    ) > :is(a, button):focus-visible {
        outline: 2px solid currentColor !important;
        outline-offset: -2px !important;
    }

    /* The approved login header uses plain text with a 44px touch target.
     * Its frame must fit those links instead of the legacy 42px segment. */
    html body .auth-page.auth-prototype .auth-language-switch {
        box-sizing: border-box !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
    }
    html body .auth-page.auth-prototype .auth-language-switch > a {
        box-sizing: border-box !important;
        height: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
    }
}
}