/* French text wraps without changing existing locale typography or motion. */
html[lang^="fr"] .chapter-kicker,html[lang^="fr"] .button,html[lang^="fr"] .text-link,html[lang^="fr"] .cc-closing button{overflow-wrap:break-word;min-width:0}
html[lang^="fr"] .chapter-title,html[lang^="fr"] .hero-title{overflow-wrap:break-word;hyphens:auto}
@media(max-width:480px){
 .lang-group a{min-width:25px}
 html[lang^="fr"] .hero-title{font-size:clamp(32px,8.5vw,43px)}
 html[lang^="fr"] .chapter-label{flex-wrap:wrap;row-gap:6px}
 html[lang^="fr"] .chapter-kicker{letter-spacing:.08em}
 html[lang^="fr"] .cc-closing .button{white-space:normal;text-align:left}
}

@media(max-width:360px){.header-inner{gap:6px}.lang-group a{min-width:23px}.header-right{gap:1px}}