/* Language switcher and Tamil / Hindi typography (see i18n.php). */
.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:30px;background:#efe6ff;font-size:.75rem;font-weight:800}
.lang-switch a{padding:7px 11px;border-radius:30px;color:#2c2a4a;line-height:1.2}
.lang-switch a[aria-current]{background:#7044ca;color:#fff}
.utility-header .lang-switch{margin-left:auto;margin-right:18px}
/* The site's display fonts are Latin only. Indic scripts use the device's own fonts and need looser spacing. */
html:lang(ta) body,html:lang(ta) h1,html:lang(ta) h2,html:lang(ta) h3,html:lang(ta) blockquote{font-family:'Noto Sans Tamil','Nirmala UI','Latha',sans-serif}
html:lang(hi) body,html:lang(hi) h1,html:lang(hi) h2,html:lang(hi) h3,html:lang(hi) blockquote{font-family:'Noto Sans Devanagari','Nirmala UI','Mangal',sans-serif}
html:lang(ta) h1,html:lang(ta) h2,html:lang(ta) h3,html:lang(hi) h1,html:lang(hi) h2,html:lang(hi) h3{letter-spacing:0;line-height:1.35}
html:lang(ta) h1,html:lang(ta) h2{font-size:clamp(1.7rem,3vw,2.6rem)}
html:lang(ta) .eyebrow,html:lang(hi) .eyebrow{letter-spacing:.02em}
@media (max-width:900px){.site-header nav .lang-switch{align-self:flex-start}}
html:lang(ta) .site-header nav,html:lang(hi) .site-header nav{gap:16px;font-size:.75rem}
html:lang(ta) .site-header nav>a,html:lang(hi) .site-header nav>a{white-space:nowrap}
html:lang(hi) h1,html:lang(hi) h2{font-size:clamp(1.8rem,3.3vw,2.9rem)}
html:lang(ta) .px-hero-copy h1,html:lang(hi) .px-hero-copy h1{font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1.25}
/* Tamil and Hindi words run longer: the pinned learning section and card titles need smaller type to fit. */
html:lang(ta) .px-journey-head h2,html:lang(hi) .px-journey-head h2{font-size:clamp(1.3rem,2vw,1.8rem)}
html:lang(ta) .px-panel-copy h3,html:lang(hi) .px-panel-copy h3{font-size:clamp(1.25rem,1.9vw,1.7rem)}
html:lang(ta) .px-panel-copy>p:not(.eyebrow):not(.px-stage),html:lang(hi) .px-panel-copy>p:not(.eyebrow):not(.px-stage){font-size:.9375rem}
html:lang(ta) .px-card-body h3,html:lang(ta) .px-highlight h3,html:lang(ta) .px-story h3{font-size:1.25rem}
html:lang(ta) .px-journey-nav button,html:lang(hi) .px-journey-nav button{padding:8px 14px;font-size:.75rem}
html:lang(ta) .px-promise h2{font-size:clamp(1.8rem,3.4vw,2.9rem)}