/* Shared language controls; existing page styles remain in each page. */
.nav-inner{gap:16px}.nav-links{gap:22px}.language-switch{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:.75rem;letter-spacing:.06em;flex-shrink:0}.nav-links .language-switch a{display:inline-block!important;padding:8px 0;color:#8491a3;line-height:1.5}.nav-links .language-switch a[aria-current="true"]{color:var(--blue);font-weight:800}.language-switch span{color:#596576}.language-switch a:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:3px}
@media(min-width:801px) and (max-width:1100px){.nav-links{gap:12px;font-size:.76rem}.brand{font-size:.72rem;gap:8px;letter-spacing:.1em}.nav-cta{padding:10px 12px}}
@media(max-width:800px){.nav-links{gap:12px}.nav-cta{padding:9px 12px}.brand{font-size:.7rem;gap:8px;letter-spacing:.1em}.brand-mark{width:28px;height:28px}.nav-inner{gap:10px}.language-switch{gap:6px;font-size:.7rem}}
@media(max-width:360px){.nav{height:auto;padding:16px 0}.nav-inner{flex-wrap:wrap}.nav-links{margin-left:auto}}
/* French copy may wrap further; retain grids, spacing, and visual hierarchy. */
html[lang="fr"] .hero-copy,html[lang="fr"] .connection-grid>div,html[lang="fr"] .privacy-inner>div{min-width:0}
html[lang="fr"] .hero{height:auto;min-height:100svh;max-height:none;padding-top:140px;padding-bottom:110px}
html[lang="fr"] h1,html[lang="fr"] h2,html[lang="fr"] h3{overflow-wrap:break-word}
html[lang="fr"] .hero:not(.buddy-hero) h1{font-size:clamp(3.2rem,6.5vw,6rem);line-height:1.02}
html[lang="fr"] .actions{flex-wrap:wrap}
html[lang="fr"] .development-list li{flex-wrap:wrap;gap:8px 20px}
@media(max-width:800px){html[lang="fr"] .hero{padding-top:150px;padding-bottom:88px}html[lang="fr"] .hero:not(.buddy-hero) h1{font-size:clamp(2.7rem,11vw,4.4rem)}html[lang="fr"] .moment strong{flex-shrink:0}html[lang="fr"] .buddy-hero h1{font-size:clamp(2.6rem,10vw,4.7rem)}}

/* Replace the form controls with an accessible confirmation only after acceptance. */
.newsletter-form.is-submitted>:not(.newsletter-status){display:none}
.newsletter-form.is-submitted .newsletter-status{display:block;color:#91e3b0;background:rgba(56,161,105,.1);border-color:rgba(111,211,151,.35);padding:22px 24px;line-height:1.8}
.newsletter-form.is-submitted .newsletter-status:focus{outline:2px solid #91e3b0;outline-offset:4px}

.newsletter-field textarea{display:block;width:100%;min-width:0;padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);color:var(--ink);font:inherit;line-height:1.5;resize:vertical;min-height:130px}
.newsletter-field textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.newsletter-field textarea[aria-invalid="true"]{border-color:#e8a6a6}
#newsletter-interest-hint{margin-top:8px}