/* RTL fixes — loaded only on Arabic pages (dir="rtl" on ). The layout is mostly flex/grid so direction flips automatically; these rules handle the hand-tuned exceptions (arrows, marquee direction, mono labels). */ [dir="rtl"] body { font-family: 'Segoe UI', Tahoma, system-ui, sans-serif; } /* Keep latin wordmarks/timecodes/numbers LTR inside the RTL flow */ [dir="rtl"] .cy-hero__time, [dir="rtl"] .cy-chat__name, [dir="rtl"] .cy-nav__brand { direction: ltr; } /* Arrows in buttons point the "forward" way (left in RTL) */ [dir="rtl"] .cy-btn [data-arrow] svg, [dir="rtl"] .cy-journal__arrow svg { transform: scaleX(-1); } /* Service rail scrolls the same physical way; keep its progress bar natural */ [dir="rtl"] .cy-rail { direction: ltr; } [dir="rtl"] .cy-rail .cy-svc { direction: rtl; } /* Chat bubbles: user on the left in RTL */ [dir="rtl"] .cy-chat__msg--user { justify-content: flex-start; } [dir="rtl"] .cy-chat__msg--bot { justify-content: flex-end; } /* Mono uppercase micro-labels lose letterspacing in Arabic */ [dir="rtl"] .cy-eyebrow, [dir="rtl"] .cy-chat__status, [dir="rtl"] .cy-chat__beta, [dir="rtl"] .cy-faq__stuck { letter-spacing: 0; } /* Headline balance for Arabic display sizes */ [dir="rtl"] .cy-hero__tagline, [dir="rtl"] .cy-rail-sec__title, [dir="rtl"] .cy-journal__title, [dir="rtl"] .cy-chat__title { letter-spacing: 0; line-height: 1.35; }