/* Hindi (Devanagari, left to right) mirrors of the study pages under /hi/, generated by site/build-pages.py.
   Loaded after app.css and pages.css; only the Hindi pages link it. /web/** is cached as immutable, so bump
   HI_CSS_V in build-pages.py whenever this file changes. */

/* Noto Sans Devanagari for Hindi; Latin letters and digits stay in Plus Jakarta Sans. Until the web font arrives
   (it loads once the page is idle) the system Devanagari font is used. Devanagari has vowel signs above the
   headline and below the baseline, so lines need more height than Latin. */
html[lang="hi"] body { font-family: "Plus Jakarta Sans", "Noto Sans Devanagari", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.65; }
/* negative or wide letter-spacing breaks the headline (shirorekha) that joins Devanagari letters */
html[lang="hi"] h1, html[lang="hi"] h2, html[lang="hi"] h3, html[lang="hi"] .eyebrow, html[lang="hi"] .logo-text small { letter-spacing: 0; }
html[lang="hi"] h1, html[lang="hi"] h2, html[lang="hi"] h3 { line-height: 1.45; }
html[lang="hi"] .page-hero h1 { line-height: 1.4; }
html[lang="hi"] .eyebrow { font-size: 13px; font-weight: 700; }
html[lang="hi"] .logo-text { line-height: 1.3; }
html[lang="hi"] .logo-text small { font-size: 11.5px; }
html[lang="hi"] .qa h3 { font-size: 17px; line-height: 1.6; }
html[lang="hi"] .sign h3 { line-height: 1.5; }
html[lang="hi"] .btn { line-height: 1.5; }

/* English pieces inside a Hindi page: a fallback question, the Romanized Hindi line */
html[lang="hi"] [lang="en"], html[lang="hi"] [lang="hi-Latn"] { line-height: 1.55; }
.page-hero .roman { margin: 10px 0 0; font-size: 14px; color: var(--muted); }

@media (max-width: 600px) {
  html[lang="hi"] .page-hero h1 { font-size: 24px; }
  html[lang="hi"] .lang-switch { font-size: 13px !important; }
}