/* Final publication layer: stable typography, spacing and responsive behavior. */
html[lang="ar"] body{font-family:"Noto Sans Arabic Local",Tahoma,Arial,sans-serif}
html[lang="ar"] :is(.display,h1,h2,h3,.brand b,.nav-links,.mobile-panel,.library-page #resultTitle,.library-page .record h2){font-family:"Noto Kufi Arabic Local",Tahoma,Arial,sans-serif;letter-spacing:0}
html[lang="en"] body{font-family:"Segoe UI",Arial,sans-serif}
html[lang="en"] :is(.display,h1,h2,h3,.brand b){font-family:Georgia,"Times New Roman",serif;letter-spacing:0}
.brand b{line-height:1.25}.brand small{display:block;line-height:1.45}
.hero{height:min(680px,calc(100svh - 124px));min-height:590px}
[dir="ltr"] .hero h1{font-size:64px;max-width:620px;white-space:nowrap}
.official-viewer iframe{height:min(760px,78vh);background:#f1f0ec}
.viewer-note{font-size:14px;line-height:1.8}
.document-meta span{line-height:1.7}
.record h2,.rail-card h3{overflow-wrap:normal;word-break:normal}
.dossier-title-row h1{max-width:100%}
.logo-intro{isolation:isolate}
@media(max-width:900px){
  .hero{height:650px;min-height:650px}
  [dir="ltr"] .hero h1{font-size:48px;white-space:normal}
  .official-viewer iframe{height:640px}
}
@media(max-width:560px){
  .hero{height:620px;min-height:620px}
  .hero h1,[dir="ltr"] .hero h1{font-size:40px}
  .hero-statement{font-size:23px}
  .official-viewer iframe{height:580px}
  .dossier-title-row h1{font-size:34px;line-height:1.35}
  .document-meta{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.logo-intro{display:none!important}}
