/* Arabic pages (/ar/...) and the English | العربية switch on every page (tools/arabic, 26 Oct 2026).
   The Arabic pages use evo.rtl.css, a mechanical mirror of evo.css (rtlcss); this file holds only what a mirror
   cannot know: the Arabic typeface, no letter-spacing on Arabic, left-to-right islands and the switch. */

@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ar/ibm-plex-sans-arabic-400.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-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:500;font-display:swap;src:url(/assets/fonts/ar/ibm-plex-sans-arabic-500.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-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/ar/ibm-plex-sans-arabic-600.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-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 900;font-display:swap;src:url(/assets/fonts/ar/ibm-plex-sans-arabic-700.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}

/* ---------- switch: first item of the header actions; on phones it lives in the menu ---------- */
.lang-sw{display:inline-flex;align-items:center;height:36px;padding:0 10px;border-radius:99px;font-size:14px;font-weight:500;color:var(--ink-2);white-space:nowrap;text-decoration:none}
.lang-sw:hover{background:var(--soft-2);color:var(--ink);text-decoration:none}
.lang-sw-m{display:block;padding:16px 0;font-size:26px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-2)}
@media (max-width:600px){.lang-sw{display:none}}
@media (min-width:900px){.lang-sw-m{display:none}}

/* ---------- Arabic typography ---------- */
html[dir="rtl"]{--font:-apple-system,BlinkMacSystemFont,"SF Arabic","IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
html[dir="rtl"] body{line-height:1.7}
/* letter-spacing tears Arabic letters apart */
html[dir="rtl"] body *{letter-spacing:0 !important}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,html[dir="rtl"] .h-l,html[dir="rtl"] .h-xl{line-height:1.3}
/* phone numbers (wrapped in span dir=ltr by the builder), codes and inputs keep reading left to right */
html[dir="rtl"] code,html[dir="rtl"] kbd,html[dir="rtl"] [dir="ltr"]{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="url"],html[dir="rtl"] input[type="search"]{direction:ltr;text-align:right}
html[dir="rtl"] input[type="email"]::placeholder,html[dir="rtl"] input[type="search"]::placeholder{direction:rtl}
/* arrows a mirror cannot flip: CSS content characters and SVG chevrons */
html[dir="rtl"] .more::after{content:"\2039"}
html[dir="rtl"] button[data-dir] svg{transform:scaleX(-1)}