/* ==== Multilingual type support (added for DE/AR/HI expansion) ====
   Loaded on every page (EN/DE/AR/HI). Rules are scoped by [lang] so they
   have zero effect on pages that don't declare that language. */

/* Arabic: Georgia/Arial do not carry Arabic glyphs well; use a robust
   system Arabic stack for both body copy and serif headings. */
html[lang="ar"] body,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3{font-family:"Segoe UI","Tahoma","Geeza Pro","Arial",sans-serif}
html[lang="ar"] body{line-height:1.85}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{letter-spacing:0}

/* Hindi: Devanagari needs a script-aware stack and taller line-height so
   matras/conjuncts are never clipped. */
html[lang="hi"] body,
html[lang="hi"] h1,
html[lang="hi"] h2,
html[lang="hi"] h3{font-family:"Nirmala UI","Noto Sans Devanagari","Kohinoor Devanagari","Arial Unicode MS","Arial",sans-serif}
html[lang="hi"] body{line-height:1.9}
html[lang="hi"] h1{line-height:1.3}
html[lang="hi"] h2{line-height:1.28}
html[lang="hi"] .eyebrow,html[lang="hi"] .breadcrumb,html[lang="hi"] .footer h3,html[lang="hi"] .check-progress{letter-spacing:.04em}

/* ==== Language switcher (all languages, all pages) ==== */
.lang-switch{background:var(--navy);color:#bcd1df;font-size:12px}
.lang-switch-inner{height:34px;display:flex;align-items:center;justify-content:flex-end;gap:18px}
.lang-switch a{color:#bcd1df;font-weight:700;letter-spacing:.03em;padding:6px 2px;border-bottom:2px solid transparent}
.lang-switch a:hover{color:#fff}
.lang-switch a.current{color:#fff;border-color:#77b4d0;cursor:default}
.lang-switch a:focus-visible{outline:2px solid #77b4d0;outline-offset:3px}
html[lang="ar"] .lang-switch-inner{justify-content:flex-start}
@media(max-width:600px){.lang-switch-inner{justify-content:center;gap:14px;flex-wrap:wrap;height:auto;padding:8px 0}}