/* Language switcher (both languages) and Hindi typography. Copied to dist/css/languages.css by
   localization/build-locales.mjs and loaded after site.css and resume.css, whose colour tokens it
   reuses. System fonts only; nothing is downloaded. The resume sheet (.cv) keeps its own fonts and
   line height from resume.css, so A4 page breaks are the same in both languages. On Hindi pages its
   font stacks only gain Devanagari fallbacks after the Latin fonts, for Hindi text a visitor types. */
.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(--field); border-radius: 22px; background: var(--surface); color: var(--ink); font-weight: 600; text-decoration: none; }
.language-nav a:hover { background: var(--brand-soft); color: var(--brand); }
.language-nav a[aria-current="page"] { background: var(--brand-soft); border-color: var(--brand); color: var(--brand); }
.language-nav a:lang(hi) { font-family: 'Nirmala UI', 'Noto Sans Devanagari', 'Mangal', system-ui, sans-serif; }

html:lang(hi) { --font: 'Nirmala UI', 'Noto Sans Devanagari', 'Mangal', system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Arial, sans-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, html:lang(hi) .ed-sec > summary { line-height: 1.45; }
html:lang(hi) h1 { letter-spacing: 0; }
html:lang(hi) .brand-name { letter-spacing: .01em; }
html:lang(hi) .cv--classic { font-family: Georgia, "Times New Roman", Times, 'Nirmala UI', 'Noto Sans Devanagari', 'Mangal', serif; }
html:lang(hi) .cv--modern { font-family: Arial, "Helvetica Neue", Helvetica, "Liberation Sans", 'Nirmala UI', 'Noto Sans Devanagari', 'Mangal', sans-serif; }
html:lang(hi) .cv--compact { font-family: Calibri, Carlito, "Segoe UI", Arial, 'Nirmala UI', 'Noto Sans Devanagari', 'Mangal', sans-serif; }
.translation-note { padding: .6rem .85rem; border-left: 4px solid var(--brand-2); background: var(--tip-bg); border-radius: 0 8px 8px 0; }

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