.ss-langswitcher {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ss-langswitcher a {
    display: grid;
    min-width: 36px;
    min-height: 40px;
    padding: 5px;
    place-items: center;
    border-radius: 10px;
    color: #626067;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}
.ss-langswitcher a[aria-current] { color: #532afb; background: #f6f4ff; }
.ss-langswitcher a:hover { color: #2504bd; background: #f6f4ff; }
.ss-langswitcher a:focus-visible { outline: 2px solid #532afb; outline-offset: 2px; }
@media (min-width: 901px) {
    html[lang^="fr"] .story-story-home .ss-hero h1 { font-size: clamp(34px, 3.4vw, 44px); }
    html[lang^="fr"] .story-story-home .ss-hero .ss-button {
        width: max-content;
        min-width: 312px;
        max-width: 100%;
        font-size: 22px;
    }
}
@media (max-width: 900px) {
    .ss-navbar { gap: 12px; }
    .ss-navbar > .ss-langswitcher { margin-left: auto; }
    .ss-navbar > .ss-menu-toggle { margin-left: 0; flex-shrink: 0; }
    /* French copy can wrap onto more lines: keep the artwork below the text. */
    html[lang^="fr"] .story-story-home .ss-hero,
    html[lang^="fr"] .story-story-home .ss-hero-shell { height: auto; min-height: 0; }
    html[lang^="fr"] .story-story-home .ss-hero-shell { padding-top: 110px; }
    html[lang^="fr"] .story-story-home .ss-hero-copy {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        transform: none;
    }
    html[lang^="fr"] .story-story-home .ss-hero-art { position: relative; top: auto; }
    html[lang^="fr"] .ss-hero-benefits { flex-wrap: wrap; row-gap: 8px; }
    html[lang^="fr"] .story-story-home .ss-hero-benefits { justify-content: center; }
    html[lang^="fr"] .ss-discovery-page .ss-feature-page-copy .ss-button {
        width: max-content;
        max-width: 100%;
        font-size: 17px;
    }
}
@media (max-width: 380px) {
    .ss-navbar { gap: 6px; padding-left: 10px; padding-right: 10px; }
    .ss-navbar .ss-brand { font-size: 19px; }
    .ss-langswitcher a { min-width: 30px; }
}
