/* Arabic (RTL) layer — loaded only on /ar pages. Font: IBM Plex Sans Arabic (SIL OFL 1.1, self-hosted). */
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-arabic-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-arabic-600.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-arabic-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
:root{--font:"IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}
html[dir=rtl] body{font-family:var(--font);line-height:1.75;letter-spacing:0}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.35}
html[dir=rtl] .eyebrow{letter-spacing:0}

/* header / nav */
html[dir=rtl] .nav__links{margin-left:0;margin-right:8px}
html[dir=rtl] .nav__cta{margin-left:0;margin-right:auto}
html[dir=rtl] .nav__toggle{margin-left:0;margin-right:auto}
html[dir=rtl] .nav__item.has-mega::after,html[dir=rtl] .mega{left:auto;right:0}

/* lists, checks, tables */
html[dir=rtl] .checks li{padding-left:0;padding-right:30px}
html[dir=rtl] .checks li::before{left:auto;right:0}
html[dir=rtl] .checks li::after{left:auto;right:6px}
html[dir=rtl] .takeaways ul,html[dir=rtl] .toc ol{padding-left:0;padding-right:20px}
html[dir=rtl] .prose ul,html[dir=rtl] .prose ol{padding-left:0;padding-right:1.2em}
html[dir=rtl] .prose-table th{text-align:right}
html[dir=rtl] .faq dd{margin-left:0;margin-right:0}

/* utilities */
html[dir=rtl] .ml-8{margin-left:0;margin-right:8px}
html[dir=rtl] .ml-12{margin-left:0;margin-right:12px}
html[dir=rtl] .skip-link{border-radius:0 0 0 8px}
html[dir=rtl] .skip-link:focus{right:0;left:auto}

/* components */
html[dir=rtl] .buybox{border-left:1px solid var(--line);border-right:4px solid var(--teal)}
html[dir=rtl] .svc-reviews blockquote{border-left:0;border-right:3px solid #f5a623}
html[dir=rtl] .cta-band .btn+.btn{margin-left:0!important;margin-right:8px}
html[dir=rtl] .cookie-banner{direction:rtl}

/* keep Latin-only strings (emails, URLs, code) left-to-right */
html[dir=rtl] .ltr,html[dir=rtl] code,html[dir=rtl] .mono,html[dir=rtl] input[type=email],html[dir=rtl] input[type=url]{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] input[type=email],html[dir=rtl] input[type=url]{text-align:right}
/* Off-screen helpers (skip link, honeypots) use left:-9999px, which creates horizontal scroll in RTL.
   Visually hide them in place instead. */
html[dir=rtl] .skip-link:not(:focus),html[dir=rtl] .hp,html[dir=rtl] [style*="-9999px"],html[dir=rtl] [style*="-10000px"]{left:auto!important;right:auto!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap}
html[dir=rtl] .nav__links{gap:16px}html[dir=rtl] .nav__item>a,html[dir=rtl] .nav__cta .btn{white-space:nowrap}
html[dir=rtl] [style*="margin-left:8px"]{margin-left:0!important;margin-right:8px!important}