/* AR preview (2026-10-19): RTL overrides, loaded ONLY on /ar/ pages. Font: IBM Plex Sans Arabic (SIL OFL 1.1, see /fonts/ibm-plex-sans-arabic/OFL.txt), unmodified IBM WOFF2. */
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Regular.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-SemiBold.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700 900;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Bold.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
[dir=rtl] body{font-family:"IBM Plex Sans Arabic",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.8}
[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{font-family:inherit}
/* Arabic letters must join: no tracking, no case transforms anywhere */
[dir=rtl] *,[dir=rtl] *::before,[dir=rtl] *::after{letter-spacing:0!important;text-transform:none!important}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{line-height:1.45}
[dir=rtl] .eyebrow,[dir=rtl] .tag{font-size:.85rem}
[dir=rtl] .foot-h{font-size:14px}
[dir=rtl] bdi[dir=ltr]{unicode-bidi:isolate;white-space:nowrap}
[dir=rtl] td bdi[dir=ltr],[dir=rtl] th bdi[dir=ltr]{white-space:normal}
[dir=rtl] input[dir=ltr]{text-align:right}
/* mirrored physical properties */
[dir=rtl] .skip{left:auto;right:-9999px}
[dir=rtl] .skip:focus{right:16px}
[dir=rtl] .stats-in>div{border-left:0;border-right:1px solid var(--line)}
[dir=rtl] .stats-in>div:first-child{border-right:0;padding-left:24px;padding-right:0}
[dir=rtl] .mini{padding-left:0;padding-right:18px}
[dir=rtl] th,[dir=rtl] td,[dir=rtl] .reflist th,[dir=rtl] .reflist td,[dir=rtl] .cert figcaption{text-align:right}
[dir=rtl] .ticks li{padding-left:0;padding-right:32px}
[dir=rtl] .ticks li:before{left:auto;right:0}
[dir=rtl] .lb .x{right:auto;left:16px}[dir=rtl] .lb .pv{left:auto;right:16px}[dir=rtl] .lb .nx{right:auto;left:16px}
[dir=rtl] .cert-x{right:auto;left:16px}
[dir=rtl] .hero2::after{background:linear-gradient(270deg,rgba(10,20,34,.92) 0%,rgba(10,20,34,.72) 45%,rgba(10,20,34,.25) 100%)}
[dir=rtl] .hdr .brand{margin-right:0!important;margin-left:28px}
[dir=rtl] .hdr #nav{margin-left:0;margin-right:auto}
/* floating contact stack mirrored to the LEFT */
[dir=rtl] .fab,[dir=rtl] .fab-wx-w,[dir=rtl] .fab-wa-w{right:auto;left:24px}
[dir=rtl] .fab-wx-w .fab,[dir=rtl] .fab-wa-w .fab{left:auto}
[dir=rtl] .wx-pop{right:auto;left:0}
[dir=rtl] .wa-pop{right:auto;left:0}
@media (max-width:960px){
 [dir=rtl] .stats-in>div{border-right:0;padding:24px 16px}
 [dir=rtl] .stats-in>div:nth-child(odd){padding-right:0;padding-left:16px}
 [dir=rtl] .stats-in>div:nth-child(even){border-left:0;border-right:1px solid var(--line)}
 [dir=rtl] .hdr .lang-sw-m{margin-left:6px;margin-right:auto}
 [dir=rtl] .hdr .brand{margin-left:12px}
}
@media (max-width:600px){
 [dir=rtl] .hero2::after{background:linear-gradient(180deg,rgba(10,20,34,.6),rgba(10,20,34,.9))}
 [dir=rtl] .fab,[dir=rtl] .fab-wx-w,[dir=rtl] .fab-wa-w{right:auto;left:16px}
 [dir=rtl] .fab-wx-w .fab,[dir=rtl] .fab-wa-w .fab{left:auto}
}
@media (max-width:400px){[dir=rtl] .hdr .lang-sw-m{margin-left:2px}}
[dir=rtl] input[name=_hp]{left:auto!important;right:-9999px!important}  /* inquiry.js honeypot: keep off-screen without creating RTL scroll */
[dir=rtl] .contact>*,[dir=rtl] .row2>*{min-width:0}[dir=rtl] .form select{max-width:100%;min-width:0}  /* long Arabic option labels must not widen the form on 360px */
/* 22:10 popup centred on the (mirrored) button column */
[dir=rtl] .wx-pop,[dir=rtl] .wa-pop{right:auto;left:-18px}
@media (max-width:600px){[dir=rtl] .wx-pop,[dir=rtl] .wa-pop{left:0}}
/* 22:29 mobile: popup beside the column, mirrored to the right */
@media (max-width:600px){[dir=rtl] .wx-pop,[dir=rtl] .wa-pop{right:auto;left:calc(100% + 10px)}html.fab-js[dir=rtl] .wx-pop::before,html.fab-js[dir=rtl] .wa-pop::before{left:auto;right:100%}}