/* furrsati.com/ar/guide/*, /ar/demo: the approved how-it-works page mirrored for Arabic, right to left. Loaded AFTER
   pages/how-it-works.css, which stays untouched; this file only re-states what assumed left-to-right. Not mirrored on
   purpose: the app screens and the digits inside dollar amounts (isolated left to right in the markup). */
/* Arabic type: Tajawal (sys.css maps --display and --ui on lang=ar); Arabic letters join, so no letter-spacing; taller lines than Futura. */
main *, .foot *, .sheet * { letter-spacing: 0 !important; }
main .title { line-height: 1.15; font-weight: 800; }
.tour__title { line-height: 1.15; font-weight: 800; }
.tour__lead, .pl__p, .st__a p { line-height: 1.75; }
.st__t { line-height: 1.25; font-weight: 800; }
.st__k { text-transform: none; }
.tour__hl::after { transform-origin: right; }
@media (min-width: 960px) {
  .stage__chips li { left: auto; right: var(--l); }
  .pl { transform-origin: right center; }
}
/* the subway line runs down the right edge */
.line__stops::before, .line__stops::after { left: auto; right: 25px; }
.line__train { left: auto; right: 19px; }
.st__b { padding: 14px 0 14px 52px; }
.st__b::after { right: auto; left: 18px; }
.st__dot { left: auto; right: -64px; }
.st__b:hover .st__t { transform: translateX(-6px); }
.line__cta { margin: 26px 74px 0 0; }
/* one account, two roles: the switch knob starts on the right */
.acct__sw i { left: auto; right: 4px; }
.acct[data-role="work"] .acct__sw i { transform: translateX(-26px); }