/* Language switcher (both languages) and Hindi typography for Desi Maap. localization/build-locales.mjs copies
   this file to dist/assets/languages.css and links it after styles.css on every page; it reuses the colour
   tokens from styles.css. System fonts only: no web fonts, no third-party requests. */
.language-row { display: flex; justify-content: flex-end; padding-bottom: 0.5rem; }
.language-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.4rem; }
.language-nav a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; padding: 0 0.9rem; border: 1px solid var(--line); border-radius: 999px; background: var(--card); color: var(--ink); font-weight: 600; text-decoration: none; }
.language-nav a:hover { background: var(--turmeric-soft); }
.language-nav a[aria-current="page"] { background: var(--indigo); border-color: var(--indigo); color: #fff; }
.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, 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) caption { line-height: 1.45; }
html:lang(hi) input, html:lang(hi) select, html:lang(hi) button { font-family: var(--font); }
/* The brand name stays in Latin letters. */
html:lang(hi) .brand-name { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif; }

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