/* rtl.css — right-to-left overrides, injected by the worker for RTL locales (Arabic, Urdu). Most mirroring is handled automatically by dir="rtl" on (flexbox row reversal + inline text direction); these rules fix the spots that use physical left/right and keep the masthead/footer/cards intact. */ [dir="rtl"] body { text-align: right; } /* Lists & content blocks that assume left alignment */ [dir="rtl"] .nav, [dir="rtl"] .foot__cols, [dir="rtl"] .foot__legal { text-align: right; } [dir="rtl"] ul { padding-right: 0; } /* The language switcher select */ [dir="rtl"] .lang-switch { text-align: right; } /* Inline arrow glyphs in buttons point the "reading" direction in RTL */ [dir="rtl"] .btn svg, [dir="rtl"] .ifeat svg[viewBox="0 0 24 24"] { transform: scaleX(-1); } /* Keep code/identifiers/URLs left-to-right inside RTL text */ [dir="rtl"] code, [dir="rtl"] .mono, [dir="rtl"] a[href^="http"], [dir="rtl"] .brand__sub { unicode-bidi: plaintext; } /* Brand wordmark stays LTR (it's a Latin name) */ [dir="rtl"] .brand { direction: ltr; }