html.ssmh-language-pending body{visibility:hidden!important}
.site-language-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:4px 8px;font-size:13px;color:#111;white-space:nowrap;text-decoration:none;border:1px solid transparent;border-radius:8px}.site-language-toggle:hover,.site-language-toggle:focus-visible{border-color:#1592c2;background:#fff}
html[lang=en] body,html[lang=en] main{direction:ltr}
html[lang=en] main,html[lang=en] button,html[lang=en] input,html[lang=en] textarea{font-family:Montserrat,Arial,sans-serif}
html[lang=en] .site-header{direction:ltr;gap:14px}
html[lang=en] .site-header .nav{font-size:14px;gap:clamp(8px,.8vw,16px)}
html[lang=en] .site-header .nav-link{white-space:nowrap}
html[lang=en] .site-header .submenu{min-width:260px;text-align:left}
html[lang=en] .site-header .submenu a{white-space:normal}
html[lang=en] .hero-copy,html[lang=en] .about-copy,html[lang=en] .vision-card,html[lang=en] .chairman-copy,html[lang=en] .about-page-banner,html[lang=en] .support-section,html[lang=en] .support-contact-columns,html[lang=en] .support-contact-columns>div,html[lang=en] .support-contact-columns p,html[lang=en] .support-policy-grid,html[lang=en] .editorial-policy-section,html[lang=en] .editorial-section{direction:ltr;text-align:left}
html[lang=en] .hero-copy h1{font-size:clamp(38px,4.5vw,70px);line-height:1.12;letter-spacing:-.025em}
html[lang=en] .hero-intro{line-height:1.75}
html[lang=en] .about-copy h2{font-size:clamp(30px,3.1vw,46px);line-height:1.3;margin-bottom:24px}
html[lang=en] .vision-card h3{font-size:clamp(32px,3vw,48px)}
html[lang=en] .vision-card p,html[lang=en] .about-vision-grid p{line-height:1.85}
html[lang=en] .about-page-banner h1{font-size:clamp(32px,4vw,64px);line-height:1.25}
html[lang=en] .chairman-copy p,html[lang=en] #who p,html[lang=en] .editorial-policy-section p{line-height:1.9}
html[lang=en] .chairman-signature{direction:ltr;text-align:center}
html[lang=en] .support-contact-columns input,html[lang=en] .support-contact-columns textarea{direction:ltr;text-align:left}
html[lang=en] .footer-copy,html[lang=en] .footer-bottom{direction:ltr;text-align:left}
html[lang=en] [lang=ar],html[lang=en] [lang=ar] *{font-family:Alexandria,Arial,sans-serif;direction:rtl}
html[lang=en] .article-card,html[lang=en] .public-card[lang=ar],html[lang=en] .article-body,html[lang=en] .article-signature,html[lang=en] .video-card h3{text-align:right}
html[lang=en] .public-card[lang=en]{text-align:left}
html[lang=en] .site-language-toggle[lang=ar]{direction:rtl}
@media(min-width:901px) and (max-width:1500px){html[lang=en] .site-header{flex-wrap:wrap;height:auto;min-height:130px;padding-block:14px}html[lang=en] .site-header .nav{order:3;width:100%;justify-content:center;padding-bottom:10px}html[lang=en] .header-actions{margin-inline-start:auto}html[lang=en] .hero{height:auto;min-height:760px}html[lang=en] .hero-grid{min-height:550px}}
@media(max-width:900px){html[lang=en] .site-header .nav{align-items:stretch;direction:ltr}html[lang=en] .site-header .nav-item{width:100%;text-align:left}html[lang=en] .site-header .submenu{min-width:0}html[lang=en] .hero-copy h1{font-size:38px}html[lang=en] .about-copy h2{font-size:30px}}
html[lang=en] .article-card h3[lang=en],html[lang=en] .public-card h2[lang=en],html[lang=en] .public-card h3[lang=en],html[lang=en] .video-card h3[lang=en]{direction:ltr;text-align:left;font-family:Montserrat,Arial,sans-serif}
html[lang=en] #ssmh-edit-toolbar,html[lang=en] #ssmh-edit-dialog{display:none!important}

/* Continue the outer backgrounds from their adjacent English cards. */
html[lang=en] .vision-section{direction:rtl}
html[lang=en] .vision-section::before{background:var(--blue)}
html[lang=en] .vision-section::after{background:#169574}

/* English revision — 8 November 2026. */
.site-header .header-cta{display:none!important}
html[lang=en] .site-header .nav,html[lang=en] .site-header .nav-link,html[lang=en] .site-header .submenu a{font-size:14px;font-weight:700}

/* Keep both ends of the header comfortably inside the page. */
html[lang=en] .site-header{padding-inline:clamp(32px,4vw,80px)}
html[lang=en] .site-header .site-language-toggle{font-family:Alexandria,Arial,sans-serif;font-weight:500;padding-inline:14px}
@media(max-width:900px){html[lang=en] .site-header{padding-inline:24px}}

/* Keep header elements together instead of spreading them across wide screens. */
@media(min-width:901px){
 html[lang=ar] .site-header,html[lang=en] .site-header{justify-content:center;gap:clamp(20px,2vw,36px)}
 .site-header>.brand,.site-header>.nav,.site-header>.header-actions{flex-shrink:0}
}