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

/* Noto Nastaliq Urdu for Urdu script; Latin letters and digits stay in Plus Jakarta Sans. Nastaliq stacks its
   letters diagonally and needs tall lines. */
html[lang="ur"] body { font-family: "Plus Jakarta Sans", "Noto Nastaliq Urdu", "Noto Naskh Arabic", serif; line-height: 1.9; }
/* letter-spacing breaks the joins between Nastaliq letters, and Urdu has no case */
html[lang="ur"] body * { letter-spacing: 0 !important; text-transform: none !important; }
html[lang="ur"] h1, html[lang="ur"] h2, html[lang="ur"] h3 { line-height: 1.75; font-weight: 700; }
html[lang="ur"] .btn { line-height: 1.9; padding-top: 8px; padding-bottom: 8px; font-weight: 600; }
html[lang="ur"] .btn.small { padding-top: 4px; padding-bottom: 4px; }
html[lang="ur"] .logo-text { line-height: 1.6; }
html[lang="ur"] .logo-text small { font-size: 11.5px; }
html[lang="ur"] .eyebrow { font-size: 13px; font-weight: 600; }
html[lang="ur"] .nav a { padding-top: 4px; padding-bottom: 4px; }
html[lang="ur"] .page-hero h1 { font-size: 30px; line-height: 1.8; }
html[lang="ur"] .page-hero .lede { font-size: 16.5px; }
html[lang="ur"] .qa h3 { font-size: 17px; line-height: 2; }
html[lang="ur"] .qa .qn { margin-right: 0; margin-left: 6px; }
html[lang="ur"] .chip { line-height: 1.8; padding: 2px 10px; }
html[lang="ur"] .sign h3 { line-height: 1.8; }
html[lang="ur"] .fine, html[lang="ur"] .crumbs { line-height: 1.9; }

/* lists: the generic rules use padding-left */
html[dir="rtl"] .toc ol, html[dir="rtl"] .qa .opts { padding-left: 0; padding-right: 24px; }
/* the entries already carry their number (1.1, 1.2 ...); a list number in front reads as "1.1.1" right to left */
html[dir="rtl"] .toc ol { list-style: none; padding-right: 0; }
html[dir="rtl"] .prose ul, html[dir="rtl"] .prose ol { padding-left: 0; padding-right: 24px; }
/* options are lettered الف، ب، ج، د as in Urdu multiple-choice papers */
@counter-style ur-options { system: fixed; symbols: "الف" "ب" "ج" "د" "ہ" "و"; prefix: "("; suffix: ") "; }
html[dir="rtl"] .qa .opts { list-style: ur-options; padding-right: 40px; }
html[dir="rtl"] .qa details p b { margin-left: 4px; }

/* English pieces inside an Urdu page: a fallback question, the Roman Urdu line */
html[lang="ur"] [lang="en"], html[lang="ur"] [lang="ur-Latn"] { font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.55; }
html[dir="rtl"] [dir="ltr"].qa .opts { padding-right: 0; padding-left: 24px; list-style: upper-alpha; }
html[dir="rtl"] [dir="ltr"].qa .qn { margin-left: 0; margin-right: 4px; }
.page-hero .roman { margin: 10px 0 0; font-size: 14px; color: var(--muted); text-align: right; }

@media (max-width: 860px) {
  html[dir="rtl"] .top-actions { margin-left: 0; margin-right: auto; }
}
@media (max-width: 600px) {
  html[lang="ur"] .page-hero h1 { font-size: 24px; }
  html[lang="ur"] .lang-switch { font-size: 13px !important; }
}