/* styles-rtl.css — loaded ONLY on RTL locale builds (ar, later he). The build (i18n/scripts/lib/html-rewriter.js) sets , which flips normal document flow for free; this sheet only patches the few physical (non-logical) properties in styles.css that don't follow `dir`. */ [dir="rtl"] body { text-align: right; } /* Directional arrow icons (link-arrow, hero ctas) point the wrong way in RTL */ [dir="rtl"] .link-arrow svg { transform: scaleX(-1); } /* Mobile nav toggle is pushed to the right edge via margin-left:auto (a physical property) in LTR; mirror it to the left edge for RTL */ [dir="rtl"] .nav-toggle { margin-left: 0; margin-right: auto; }