/* ==========================================================
   HINDI LANGUAGE LAYER
   Loaded after the shared sheets. The English site will get a
   parallel lang-en.css (different font stack, Latin headings,
   these Devanagari-specific rules turned off).
   ========================================================== */

/* Devanagari body + headings pull from the shared tokens. */
body.hindi-home {
    font-family: var(--font-body);
    /* Devanagari sets loosely — Noto Sans Devanagari needs more leading
       and a slightly larger body size than a Latin face at the same rem. */
    font-size: 1.06rem;
    line-height: 1.85;
}
@media (max-width: 900px) {
    body.hindi-home { font-size: 1rem; }
}
.hindi-home h1,
.hindi-home h2,
.hindi-home h3,
.hindi-home h4,
.hindi-home blockquote,
.hindi-home .site-title,
.hindi-home .footer-title {
    font-family: var(--font-head);
}

/* Devanagari headings must not use negative tracking — it collapses
   the shirorekha and the matras. Keep it at least neutral even if a
   page stylesheet tries to tighten it. */
.hindi-home h1,
.hindi-home h2,
.hindi-home h3 {
    letter-spacing: normal;
    text-wrap: balance;
}

/* Headings never inherit the 1.85 body/prose line-height. Kept at zero
   specificity (:where) so every real component rule still wins — this
   only catches an un-styled heading (e.g. a bare <h2> not wrapped in
   .hi-section-heading) that would otherwise get a blank line between
   its wrapped lines. */
:where(.hindi-home h2, .hindi-home h3, .hindi-home h4) {
    line-height: 1.3;
}

/* Latin numerals / abbreviations sitting inside Devanagari text
   (years, "M.A.", "₹6.72 Cr", phone numbers) — opt-in via .num or a
   lang="en" span, so they don't fall back to a mismatched face. */
.hindi-home .num,
.hindi-home [lang="en"] {
    font-family: var(--font-latin);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}

/* Cap the reading measure on long-form prose so paragraphs don't run
   as wide grey slabs. In the two-column layouts the column is already
   narrower than this, so the cap only bites on full-width prose. */
.hindi-home .hi-prose > p,
.hindi-home .hi-prose > ul,
.hindi-home .hi-prose > ol {
    max-width: 68ch;
}

/* The footer sits on a dark maroon ground. The Devanagari heading rule
   (color: var(--hi-ink)) otherwise makes the mission name and the
   column headings near-invisible there. */
.hindi-home .footer .footer-title {
    color: #fffaf1;
}
.hindi-home .footer h2,
.hindi-home .footer h3 {
    color: #f3ecdd;
}
.hindi-home .footer .footer-link-group h3,
.hindi-home .footer .footer-contact h3 {
    color: #d9b466;
    font-family: var(--font-body);
    letter-spacing: 0.08em;
}