/* Language switcher and Hindi typography. build-locales.mjs copies this file to dist/languages.css
   and links it after style.css on every page in both languages. System fonts only. */
:root { --hindi: "Nirmala UI", "Noto Sans Devanagari", "Mangal", "Kohinoor Devanagari", "Devanagari Sangam MN", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.language-row { display: flex; justify-content: flex-end; padding-bottom: 8px; }
.language-nav { display: flex; flex-wrap: wrap; gap: 8px; }
.language-nav a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; padding: 0 14px; border: 1px solid var(--rule); border-radius: 999px; text-decoration: none; color: var(--ink); font-weight: 600; font-size: .95rem; }
.language-nav a:hover { background: var(--paper-2); }
.language-nav a[aria-current="page"] { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.language-nav a:lang(hi) { font-family: var(--hindi); }
/* style.css already sets :lang(hi) { font-family: var(--deva); line-height: 1.8 } for Devanagari
   examples; on a Hindi page that rule covers everything, so these set the page-level details. */
html:lang(hi) body { font-family: var(--hindi); line-height: 1.75; }
html:lang(hi) h1, html:lang(hi) h2, html:lang(hi) h3, html:lang(hi) .empty-title, html:lang(hi) .takeaway p:last-child { font-family: var(--hindi); line-height: 1.45; letter-spacing: 0; }
html:lang(hi) .eyebrow, html:lang(hi) .tag, html:lang(hi) .status-pill, html:lang(hi) thead th, html:lang(hi) .the-line .label,
html:lang(hi) .neighbours .muted, html:lang(hi) .streak-line { font-family: var(--hindi); letter-spacing: 0; text-transform: none; }
html:lang(hi) .brand, html:lang(hi) .brand-name { font-family: var(--serif); }
html:lang(hi) code, html:lang(hi) .guide-number { font-family: var(--mono); }
@media print { .language-row { display: none !important; } }