/* ═══════════════════════════════════════════════════════════
   Right-to-left (ar, he). Layout mirrors on its own through flex and
   logical properties; radii mirror through tokens.css. Only what does
   not follow the writing direction by itself lives here.
   ═══════════════════════════════════════════════════════════ */
/* The bars fill from the reading start, as the arrows and the swipe already go. */
[dir="rtl"] .hero__step-fill { transform-origin: 100% 50%; }
/* Latin brand names and code stay left-to-right inside RTL text. */
[dir="rtl"] .logo, [dir="rtl"] .prose pre, [dir="rtl"] .prose code { direction: ltr; }