/* Language switcher (both languages) and Hindi typography. Copied to dist/assets/languages.css by
   localization/build-locales.mjs; loaded after site.css, whose colour tokens it reuses. System fonts only. */
.language-nav { display: flex; flex-wrap: wrap; gap: 6px; }
.language-nav a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; padding: 0 14px; border: 1px solid var(--rule); border-radius: 22px; background: var(--surface); color: var(--ink); font-weight: 600; text-decoration: none; }
.language-nav a:hover { background: var(--teal-soft); }
.language-nav a[aria-current="page"] { background: var(--teal-soft); border-color: var(--teal); color: var(--teal-dark); }
.language-nav a:lang(hi) { font-family: 'Nirmala UI', 'Noto Sans Devanagari', 'Mangal', system-ui, sans-serif; }

html:lang(hi) {
  --sans: 'Nirmala UI', 'Noto Sans Devanagari', 'Mangal', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --serif: 'Nirmala UI', 'Noto Sans Devanagari', 'Mangal', system-ui, serif;
}
html:lang(hi) body { line-height: 1.75; }
html:lang(hi) h1, html:lang(hi) h2, html:lang(hi) h3, html:lang(hi) legend { line-height: 1.45; }
html:lang(hi) .eyebrow { letter-spacing: 0; }
/* Formula letters and the brand name keep the Latin serif site.css uses. */
html:lang(hi) var, html:lang(hi) .brand-name { font-family: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif; }

@media print { .language-nav { display: none; } }