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

/* Noto Sans Bengali for Bengali; Latin letters and digits stay in Plus Jakarta Sans. Until the web font arrives
   (it loads once the page is idle) the system Bengali font is used. Bengali has a headline (matra) joining the letters,
   vowel signs above and below it and stacked conjuncts, so lines need more height than Latin. */
html[lang="bn"] body { font-family: "Plus Jakarta Sans", "Noto Sans Bengali", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.7; }
/* any letter-spacing breaks the headline and pulls conjuncts and vowel signs apart */
html[lang="bn"] h1, html[lang="bn"] h2, html[lang="bn"] h3, html[lang="bn"] .eyebrow, html[lang="bn"] .logo-text small { letter-spacing: 0; }
html[lang="bn"] h1, html[lang="bn"] h2, html[lang="bn"] h3 { line-height: 1.45; }
html[lang="bn"] .page-hero h1 { line-height: 1.4; }
html[lang="bn"] .eyebrow { font-size: 13px; font-weight: 700; }
html[lang="bn"] .logo-text { line-height: 1.3; }
html[lang="bn"] .logo-text small { font-size: 11.5px; }
html[lang="bn"] .qa h3 { font-size: 17px; line-height: 1.65; }
html[lang="bn"] .sign h3 { line-height: 1.5; }
html[lang="bn"] .btn { line-height: 1.5; }
html[lang="bn"] main { overflow-wrap: break-word; }

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

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