/* Arabic (right-to-left) layer — loaded only on /ar/ pages, after site.css */
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+060C,U+061B,U+061F,U+0640,U+066A-066D}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+060C,U+061B,U+061F,U+0640,U+066A-066D}
@font-face{font-family:"Noto Naskh Arabic";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/noto-naskh-arabic-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+060C,U+061B,U+061F,U+0640,U+066A-066D}

[dir=rtl]{
  --serif:"Noto Naskh Arabic","Fraunces",Georgia,serif;
  --sans:"IBM Plex Sans Arabic","Inter",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;
}
[dir=rtl] body{line-height:1.8}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{line-height:1.4;letter-spacing:0}
[dir=rtl] .prose{line-height:1.95;font-size:18.5px}
/* Arabic script is not uppercased and must not be letter-spaced */
[dir=rtl] .eyebrow,[dir=rtl] .pill,[dir=rtl] .sec-label,[dir=rtl] .toc h2,[dir=rtl] .takeaways h2,[dir=rtl] .share span,
[dir=rtl] .foot-col h3,[dir=rtl] .co-facts dt,[dir=rtl] .fact strong,[dir=rtl] .tool-u,[dir=rtl] .chip{letter-spacing:0;text-transform:none}
[dir=rtl] .pill{font-size:12.5px}
[dir=rtl] .wordmark,[dir=rtl] .logo{direction:ltr}

/* mirror direction-specific rules */
[dir=rtl] .skip{left:auto;right:-999px}[dir=rtl] .skip:focus{right:12px}
[dir=rtl] .hstat{border-right:0;border-left:1px solid var(--line)}
[dir=rtl] .hstat:last-child{border-left:0}
[dir=rtl] .btn svg,[dir=rtl] .more svg{transform:scaleX(-1)}
[dir=rtl] .more:hover svg{transform:scaleX(-1) translateX(3px)}
[dir=rtl] .tile-t,[dir=rtl] .tile-n{left:auto;right:18px}
[dir=rtl] .toc ol{border-left:0;border-right:2px solid var(--line)}
[dir=rtl] .toc li a{padding:6px 14px 6px 0;margin-left:0;margin-right:-2px;border-left:0;border-right:2px solid transparent}
[dir=rtl] .toc li a:hover,[dir=rtl] .toc li a.on{border-right-color:var(--red)}
[dir=rtl] .share span{margin-right:0;margin-left:4px}
[dir=rtl] .takeaways{border-left:0;border-right:4px solid var(--red)}
[dir=rtl] .takeaways ul,[dir=rtl] .prod-list,[dir=rtl] .people{padding-left:0;padding-right:20px}
[dir=rtl] .prose ul,[dir=rtl] .prose ol{padding-left:0;padding-right:1.3em}
[dir=rtl] .prose blockquote{padding:4px 20px 4px 0;border-left:0;border-right:3px solid var(--red)}
[dir=rtl] .prose th,[dir=rtl] .prose td,[dir=rtl] .chart-data td,[dir=rtl] .chart-data th,[dir=rtl] .co-body th,[dir=rtl] .co-body td{text-align:right}
[dir=rtl] .bar-val{text-align:left}
[dir=rtl] .faq-item summary{padding:18px 0 18px 36px}
[dir=rtl] .faq-item summary::after{right:auto;left:4px}
[dir=rtl] .sources ol{padding-left:0;padding-right:1.2em}
[dir=rtl] .timeline::before{left:auto;right:118px}
[dir=rtl] .timeline .yr span{padding-right:0;padding-left:10px}
[dir=rtl] .reg::before{left:auto;right:113px}
[dir=rtl] .reg-date{text-align:left}
/* keep Latin identifiers (URLs, references, numbers) readable inside Arabic text */
[dir=rtl] .sources a,[dir=rtl] a.src,[dir=rtl] .co-facts dd a{unicode-bidi:plaintext}
[dir=rtl] .search input,[dir=rtl] .field input[type=email]{text-align:right}
[dir=rtl] .field input[type=email],[dir=rtl] .nl-form input[type=email]{direction:ltr;text-align:right}

@media (max-width:920px){
  [dir=rtl] .hstat:nth-child(2){border-left:0}
  [dir=rtl] .hstat:nth-child(1),[dir=rtl] .hstat:nth-child(3){border-left:1px solid var(--line)}
}
@media (max-width:620px){
  [dir=rtl] .timeline::before{right:7px;left:auto}
  [dir=rtl] .reg{padding-left:0;padding-right:28px}
  [dir=rtl] .reg::before{left:auto;right:2px}
  [dir=rtl] .reg-date{text-align:right}
}
/* off-screen helpers must go off the right edge in RTL, or the page scrolls sideways */
[dir=rtl] .hp{left:auto!important;right:-9999px!important}