.locale-switch{display:flex;justify-content:center;align-items:center;gap:.8rem;flex-wrap:wrap;padding:1.25rem 1rem 0;font:inherit;font-size:.8rem;color:inherit}
.locale-switch a{color:inherit;text-decoration:none;opacity:.65}
.locale-switch a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:.25em}
.locale-switch a:hover,.locale-switch a:focus-visible{opacity:1}
.locale-switch a:focus-visible{outline:2px solid #7c6dff;outline-offset:4px;border-radius:2px}
/* French needs slightly more room while retaining the English layout. */
html[lang="fr"] .compare__headline{max-width:780px}
html[lang="fr"] .hero__headline{max-width:1000px}
html[lang="fr"] .pricing-segmented__opt[data-term="annual"]::before,
html[lang="fr"] .mp-segmented__opt[data-term="annual"]::before{content:"Recommandé"}
html[lang="fr"] .pricing-segmented__opt[data-term="twoyear"]::before,
html[lang="fr"] .mp-segmented__opt[data-term="twoyear"]::before{content:"Meilleur tarif"}
html[lang="fr"] .canvas-box-content:empty::before{content:"Écrivez quelque chose…"}
html[lang="fr"] .canvas-box-title-content:empty::before{content:"Titre…"}
@media(max-width:768px){
  html[lang="fr"] .m-hero__headline{font-size:clamp(1.5rem,7.5vw,2.25rem);line-height:1.12}
  html[lang="fr"] .m-hero__accent{display:block}
  html[lang="fr"] .m-h2{font-size:clamp(1.4rem,7.2vw,2rem)}
}
@media(max-width:360px){
  html[lang="fr"] .m-hero__headline{font-size:clamp(1.3rem,7.1vw,1.6rem)}
}