/* Right-to-left overrides — loaded only on Arabic pages.
   NOTE: `direction: rtl` already reverses flex and grid flow on its own.
   Adding `flex-direction: row-reverse` on top of it flips a second time and
   puts everything back left-to-right, so none of that belongs here. Only
   physical properties that do NOT follow direction need overriding. */

/* absolutely / fixed positioned things use physical left+right */
.langpick-menu{right:auto;left:0}
.skip:focus{left:auto;right:16px}

/* glyphs that point the wrong way */
.chev,.link::after{display:inline-block;transform:scaleX(-1)}

/* text alignment inside components that set it explicitly */
.toc ol,.tbl th,.tbl td,.foot-grid ul,.policy-meta,.tl li .yr{text-align:right}
.lang-note,.foot-legalinfo p{text-align:right}

/* latin runs (emails, URLs, the company name) stay left-to-right inside rtl text */
.mail strong,.foot-grid ul a[href^="mailto"],.person-links a,
.foot-legalinfo a[href^="/"],code{direction:ltr;unicode-bidi:embed;display:inline-block}
.logo{direction:ltr}

/* arabic script needs a touch more line height to stay legible */
body{line-height:1.7}
.h-xl,.h-lg,.h-md,.h-sm{line-height:1.25;letter-spacing:0}
.eyebrow{letter-spacing:.02em}
