/* Locally hosted fonts keep Urdu consistent across desktop and mobile. */
@font-face{font-family:"Urdu UI";src:url('/assets/fonts/NotoNaskhArabic.ttf') format('truetype');font-weight:400 700;font-display:swap}
@media screen{
 html[lang="ur"] section{scroll-margin-top:160px}
 html[lang="ur"] body{font-family:"Urdu UI","Geeza Pro",serif;font-size:18px;line-height:1.85;letter-spacing:0}
 html[lang="ur"] h1,html[lang="ur"] h2,html[lang="ur"] h3{font-family:"Urdu UI","Geeza Pro",serif;line-height:1.65;letter-spacing:0;word-spacing:0}
 html[lang="ur"] .hero h1{font-size:clamp(28px,4vw,42px);line-height:1.65;margin:16px 0;max-width:900px}
 html[lang="ur"] .hero-verse .urdu{font-family:"Urdu UI","Geeza Pro",serif;font-size:18px;line-height:1.9;margin:14px auto}
 html[lang="ur"] .hero-verse .arabic{font-family:"Urdu UI",serif;font-size:26px;line-height:1.9}
 html[lang="ur"] .section h2{font-size:30px;line-height:1.65;margin-bottom:20px}
 html[lang="ur"] .intro,html[lang="ur"] .about p,html[lang="ur"] .card p,html[lang="ur"] .madrasa-card p,html[lang="ur"] .madrasa-card li,html[lang="ur"] .madrasa-story p,html[lang="ur"] .feature p,html[lang="ur"] .event p,html[lang="ur"] .address,html[lang="ur"] .footer p{font-size:18px;line-height:1.9;text-align:start}
 html[lang="ur"] .intro,html[lang="ur"] .about p,html[lang="ur"] .card p,html[lang="ur"] .madrasa-card p,html[lang="ur"] .madrasa-card li,html[lang="ur"] .madrasa-story p{color:#365e50}
 html[lang="ur"] .madrasa-card ul{padding-inline-start:24px;padding-inline-end:0}
 html[lang="ur"] .madrasa-card li{margin-block:8px}
 html[lang="ur"] .eyebrow,html[lang="ur"] .hero-verse cite{font-family:"Urdu UI",serif;font-size:16px;letter-spacing:0;line-height:1.8}
 html[lang="ur"] .brand{font-family:"Urdu UI",serif;line-height:1.6;min-width:0}
 html[lang="ur"] .brand-name{font-size:23px;line-height:1.6}
 html[lang="ur"] .brand-location{font-size:15px;line-height:1.6}
 html[lang="ur"] .links a,html[lang="ur"] button,html[lang="ur"] .button,html[lang="ur"] select,html[lang="ur"] .contact-form label,html[lang="ur"] input,html[lang="ur"] textarea{font-family:"Urdu UI",serif;font-size:17px;line-height:1.8;letter-spacing:0}
 html[lang="ur"] .links a{padding:8px 10px}
 html[lang="ur"] .links{padding-block:6px}
 html[lang="ur"] .day-row strong,html[lang="ur"] .day-row span,html[lang="ur"] .madrasa-stat span{font-family:"Urdu UI",serif;font-size:18px;line-height:1.9}
 html[lang="ur"] .about-times p{color:#fff;font-family:"Urdu UI",serif;font-size:21px;line-height:1.9}
 html[lang="ur"] #prayer{font-size:18px;line-height:1.8}
 html[lang="ur"] #prayer .intro{font-family:"Urdu UI",serif}
 html[lang="ur"] .prayer-card small,html[lang="ur"] .prayer-card span,html[lang="ur"] .prayer-card em{font-size:15px;line-height:1.8;letter-spacing:0}
 html[lang="ur"] .monthly,html[lang="ur"] .daily-table{font-family:"Urdu UI","Geeza Pro",serif}
 html[lang="ur"] .daily-table{font-size:18px}
 html[lang="ur"] .daily-table th{font-size:17px;letter-spacing:0}
 html[lang="ur"] .monthly{font-size:16px}
 html[lang="ur"] .monthly th,html[lang="ur"] .monthly .hijri-cell{font-size:16px;letter-spacing:0}
 html[lang="ur"] .monthly th,html[lang="ur"] .monthly td{padding:8px 6px}
 html[lang="ur"] #prayer .note,html[lang="ur"] #prayer .calendar-note{font-family:"Urdu UI",serif;font-size:16px;line-height:1.9}
 html[lang="ur"] .month-picker{font-family:"Urdu UI",serif;font-size:18px}
 html[lang="ur"] .countdown-top small,html[lang="ur"] .countdown-labels{font-family:"Urdu UI",serif;font-size:16px;letter-spacing:0}
 html[lang="ur"] .countdown-message{font-size:18px}
 html[lang="ur"] .countdown-clock{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;unicode-bidi:isolate;line-height:1.2}
 html[lang="ur"] .countdown-labels{direction:ltr;unicode-bidi:isolate}
 html[lang="ur"] .daily-table td:not(:first-child),html[lang="ur"] .prayer-card strong{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
 html[lang="ur"] .contact-form input[type="email"],html[lang="ur"] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate;font-family:system-ui,sans-serif}
 @media(max-width:760px){html[lang="ur"] .brand-name{font-size:21px}html[lang="ur"] .section h2{font-size:27px}html[lang="ur"] .timing-head{flex-wrap:wrap}html[lang="ur"] .daily-table th,html[lang="ur"] .daily-table td{padding:9px 6px}html[lang="ur"] .day-rows{grid-template-columns:1fr}html[lang="ur"] .day-row{border-inline:0;border-bottom:1px solid #dce9e0}}
}