/* Bengali uses its own shaped fonts; English and Hindi retain their typefaces. */
@font-face{font-family:'Astro Bengali Sans';src:url('/assets/fonts/astro-bengali-sans-400.woff2?v=c07b90e95f4b09ab') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Astro Bengali Sans';src:url('/assets/fonts/astro-bengali-sans-600.woff2?v=c07b90e95f4b09ab') format('woff2');font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:'Astro Bengali Serif';src:url('/assets/fonts/astro-bengali-serif-400.woff2?v=c07b90e95f4b09ab') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Astro Bengali Serif';src:url('/assets/fonts/astro-bengali-serif-600.woff2?v=c07b90e95f4b09ab') format('woff2');font-weight:500 800;font-style:normal;font-display:swap}
html[lang=bn]{--sans:'Astro Bengali Sans','Astro Sans',sans-serif;--serif:'Astro Bengali Serif','Astro Serif',serif}
html[lang=bn] body{line-height:1.8}
html[lang=bn] :is(h1,h2,h3,.eyebrow,.hero-line,.brand small){letter-spacing:0}
html[lang=bn] :is(h1,h2,h3){line-height:1.45}
html[lang=bn] .welcome-copy h1>.hero-line{line-height:1.5}
html[lang=bn] .welcome-copy h1>em.hero-line{font-style:normal}
html[lang=bn] .welcome-description{line-height:1.8}
html[lang=bn] .eyebrow{text-transform:none;line-height:1.75}
html[lang=bn] :is(.btn,.primary-nav a,.languages a){line-height:1.55}
html[lang=bn] .kundali-chart text{font-family:'Astro Bengali Sans',sans-serif}
/* The language choices stay visible in the same order on every page. */
.languages a[lang=hi],button[lang=hi]{font-family:'Astro Devanagari Sans',sans-serif}
.languages a[lang=bn],button[lang=bn]{font-family:'Astro Bengali Sans',sans-serif}
.languages a{padding-inline:7px}
@media(max-width:760px){
 .languages a{min-width:34px;min-height:40px;padding-inline:5px;font-size:13px}
 .topbar{gap:8px}
 .header-actions{gap:5px}
 html[lang=bn] .brand small{font-size:10px;line-height:1.5}
 html[lang=bn] .primary-nav a{padding-inline:4px}
}
@media(max-width:370px){
 .topbar{gap:5px}
 .brand{gap:6px}
 .brand strong{font-size:16px}
 .brand .emblem:has(.brand-emblem-image),.brand-emblem-image{width:31px;height:34px}
 .brand small{font-size:8px;letter-spacing:0}
 .languages{padding:2px;gap:0}
 .languages a{min-width:31px;padding-inline:4px;font-size:12px}
 .header-actions{gap:4px}
 .menu-toggle{width:38px;min-width:38px;height:42px}
}