.pricing-page.public-localized .pricing-currency-note, .pricing-page.public-localized .pricing-registration-note { text-align:center; color:var(--gray-600); font-size:.85rem; margin-bottom:12px; }

/* Long French savings labels must fit the existing mobile billing control. */
@media(max-width:480px) {
    html[lang="fr"] .pricing-page.public-localized .toggle-btn { flex:1 1 0; min-width:0; white-space:normal; flex-wrap:wrap; }
    html[lang="fr"] .pricing-page.public-localized .save-badge { max-width:100%; margin-inline:0; white-space:normal; }
}

/* Learn's four-month billing label and savings need independent room in French. */
@media(max-width:768px) {
    html[lang="fr"] .learn-pricing-page.public-localized .pricing-toggle .toggle-btn {
        flex-direction:column; flex-wrap:nowrap; min-width:0; white-space:normal; gap:6px;
    }
    html[lang="fr"] .learn-pricing-page.public-localized .billing-label { display:block; max-width:100%; }
    html[lang="fr"] .learn-pricing-page.public-localized .save-badge { max-width:100%; margin-inline:0; white-space:normal; }
}

/* French Learn marketing: allow longer copy without narrowing the original English hero. */
html[lang=fr] .learn-features-page .public-hero-copy h1 { max-width: 25ch; }
@media (max-width: 768px) {
    html[lang=fr] .learn-features-page .public-hero-copy h1 { max-width: 18ch; }
}

/* Learn workspace registration: French labels retain the existing type size and wrap. */
html[lang="fr"] .learn-register-view .register-step-nav .btn,
html[lang="fr"] .learn-register-view .register-verify-actions .btn { white-space:normal; height:auto; min-height:48px; line-height:1.4; padding-block:12px; }
html[lang="fr"] .learn-register-view .register-choice span,
html[lang="fr"] .learn-register-view .register-progress-title { min-width:0; overflow-wrap:break-word; }

/* Constrain the existing Learn form grid; overflow:hidden must not conceal a wide pane. */
.learn-register-view .learn-register-form-grid { grid-template-columns:minmax(0,1fr); }
.learn-register-view .register-step-pane,
.learn-register-view fieldset { min-width:0; }
@media (max-width:768px) {
    .learn-register-view .register-step-nav { grid-template-columns:minmax(0,1fr); }
    .learn-register-view .register-step-nav .btn {
        min-width:0; max-width:100%; white-space:normal;
        height:auto; min-height:48px; line-height:1.4; padding-block:12px;
    }
}