/**
 * Typography for Tamil and Sinhala (complex scripts).
 * Latin layouts use ch-based widths and display serifs that wrap poorly in Indic text.
 */

html[lang="ta"] {
    --font-display: 'Noto Sans Tamil', 'DM Sans', system-ui, sans-serif;
    --font-body: 'Noto Sans Tamil', 'DM Sans', system-ui, sans-serif;
}

html[lang="si"] {
    --font-display: 'Noto Sans Sinhala', 'DM Sans', system-ui, sans-serif;
    --font-body: 'Noto Sans Sinhala', 'DM Sans', system-ui, sans-serif;
}

html[lang="ta"],
html[lang="si"] {
    --leading-tight: 1.35;
    --tracking-tight: 0;
}

html[lang="ta"] .mq-body h1,
html[lang="ta"] .mq-body h2,
html[lang="ta"] .mq-body h3,
html[lang="ta"] .mq-body h4,
html[lang="si"] .mq-body h1,
html[lang="si"] .mq-body h2,
html[lang="si"] .mq-body h3,
html[lang="si"] .mq-body h4 {
    font-family: var(--font-body);
    letter-spacing: 0;
    line-height: 1.35;
}

@media (min-width: 992px) {
    html[lang="ta"] .mq-nav__links,
    html[lang="si"] .mq-nav__links {
        gap: 0.75rem;
    }

    html[lang="ta"] .mq-nav__link,
    html[lang="si"] .mq-nav__link {
        font-size: 0.8125rem;
    }

    html[lang="ta"] .mq-nav__actions .mq-btn,
    html[lang="si"] .mq-nav__actions .mq-btn {
        font-size: 0.8125rem;
        padding-inline: 0.75rem;
    }
}

html[lang="ta"] .vh-hero h1.vh-hero__title,
html[lang="si"] .vh-hero h1.vh-hero__title {
    font-family: var(--font-body);
    font-size: clamp(1.5rem, 3.6vw, 2.125rem);
    font-weight: 600;
    line-height: 1.4;
    max-width: none;
    letter-spacing: 0;
}

@media (max-width: 991px) {
    html[lang="ta"] .vh-hero h1.vh-hero__title,
    html[lang="si"] .vh-hero h1.vh-hero__title {
        font-size: clamp(1.375rem, 4.5vw, 1.75rem);
    }

    html[lang="ta"] .vh-hero__inner,
    html[lang="si"] .vh-hero__inner {
        padding-top: clamp(2.25rem, 6vw, 3.5rem);
    }
}

html[lang="ta"] .vh-hero__subtitle,
html[lang="si"] .vh-hero__subtitle {
    font-size: clamp(0.875rem, 1.8vw, 1rem);
    max-width: 36rem;
    line-height: 1.75;
}

html[lang="ta"] .vh-hero__badge,
html[lang="si"] .vh-hero__badge {
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
}

html[lang="ta"] .vh-hero__search-input,
html[lang="si"] .vh-hero__search-input {
    font-size: 0.875rem;
}

html[lang="ta"] .vh-hero__search-btn,
html[lang="si"] .vh-hero__search-btn {
    font-size: 0.8125rem;
    padding-inline: 0.875rem;
    white-space: nowrap;
}

html[lang="ta"] .vh-btn,
html[lang="si"] .vh-btn {
    font-size: 0.875rem;
}

html[lang="ta"] .vh-section__title,
html[lang="si"] .vh-section__title,
html[lang="ta"] .vh-page h1.vh-subhero__title,
html[lang="si"] .vh-page h1.vh-subhero__title,
html[lang="ta"] .vh-page h2.vh-section__title,
html[lang="si"] .vh-page h2.vh-section__title,
html[lang="ta"] .vh-page h3.vh-pillar__title,
html[lang="si"] .vh-page h3.vh-pillar__title {
    font-family: var(--font-body);
    font-size: clamp(1.25rem, 2.8vw, 1.75rem);
    max-width: none;
    line-height: 1.4;
    letter-spacing: 0;
}

html[lang="ta"] .vh-section__lead,
html[lang="si"] .vh-section__lead,
html[lang="ta"] .vh-subhero__lead,
html[lang="si"] .vh-subhero__lead {
    max-width: 40rem;
    font-size: 0.9375rem;
    line-height: 1.7;
}

html[lang="ta"] .vh-eyebrow,
html[lang="si"] .vh-eyebrow {
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.75rem;
}

html[lang="ta"] .vh-hero__stat-label,
html[lang="si"] .vh-hero__stat-label {
    font-size: 0.6875rem;
    line-height: 1.35;
}

html[lang="ta"] .mq-hero__title,
html[lang="si"] .mq-hero__title {
    font-family: var(--font-body);
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    line-height: 1.4;
    letter-spacing: 0;
    max-width: none;
}

html[lang="ta"] .mq-hero__subtitle,
html[lang="si"] .mq-hero__subtitle {
    max-width: 40rem;
    font-size: 1rem;
    line-height: 1.7;
}

html[lang="ta"] .mq-section__lead,
html[lang="si"] .mq-section__lead,
html[lang="ta"] .mq-cta-banner__title,
html[lang="si"] .mq-cta-banner__title {
    max-width: none;
}

html[lang="ta"] .mq-cta-banner__title,
html[lang="si"] .mq-cta-banner__title {
    font-family: var(--font-body);
    font-size: clamp(1.375rem, 3.5vw, 2rem);
    line-height: 1.4;
}