/* ===========================================================================
   Modern Bangla headline typography
   ---------------------------------------------------------------------------
   The site body runs on SolaimanLipi (css/index.css), which is a legacy print
   face — fine for long body copy, dated for headlines. Current Bangla dailies
   set headlines in a modern grotesque, so headlines here use "Anek Bangla"
   with "Noto Sans Bengali" as the fallback; both are Google-hosted, carry a
   full conjunct set, and render cleanly at large display sizes.

   `!important` is required throughout: main_css.css pins SolaimanLipi onto
   many of these same class names, and css/index.css sets it on `body` with
   `!important` too.
   =========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@400;500;600;700;800&family=Noto+Sans+Bengali:wght@400;500;600;700;800&display=swap');

:root {
    --font-headline: 'Anek Bangla', 'Noto Sans Bengali', 'SolaimanLipi', 'Kalpurush', sans-serif;
}

/* Headings and every headline-ish class used across home / news / category. */
h1, h2, h3, h4, h5, h6,
.headline-text,
.breaking-headline,
.slide-headline,
.main-featured-headline,
.featured-large-headline,
.latest-news-headline,
.bottom-news-headline,
.side-news-title,
.video-headline,
.video-title,
.cat-title,
.section-title,
.right-section-title,
.sidebar-title-text,
.quiz-title,
.quiz-news-card h3,
.news-item h3,
.news-item h4,
.main-news h3,
.hero-style-main-article h3,
.pds-lead-title,
.pds-card-title,
.pds-list-title {
    font-family: var(--font-headline) !important;
    font-weight: 700;
    letter-spacing: -0.01em;
    /* SolaimanLipi sits low on the line; the grotesque needs a touch more room
       so ঐ/ৈ/ৌ marks are not clipped by tight line-heights already in place. */
    line-height: 1.35;
}

/* Anchors inside headlines inherit rather than fall back to the body face. */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.headline-text a,
.breaking-headline a,
.slide-headline a,
.main-featured-headline a,
.featured-large-headline a,
.latest-news-headline a,
.bottom-news-headline a,
.side-news-title a,
.cat-title a,
.quiz-news-card h3 a {
    font-family: inherit !important;
    font-weight: inherit;
}

/* The article body itself stays on the readable serif-ish stack, just sized up
   a little — long-form Bangla is hard to read below 18px. */
.news-details-content,
.news-content-body,
.detail-news-text {
    font-size: 1.125rem;
    line-height: 1.95;
}
