/* RTL + Arabic typography layer — only active in Arabic mode (html[dir=rtl]) */
html[dir="rtl"] body,
html[dir="rtl"] .hero__head, html[dir="rtl"] .hero__sub, html[dir="rtl"] .c-title, html[dir="rtl"] .c-sub,
html[dir="rtl"] .mid__display, html[dir="rtl"] .mid__body, html[dir="rtl"] .menu a, html[dir="rtl"] .mf,
html[dir="rtl"] .focus__cat, html[dir="rtl"] .zto__body, html[dir="rtl"] .thesis__head, html[dir="rtl"] .fa-copy{
  font-family:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif !important;
  letter-spacing:0 !important;
}
html[dir="rtl"] body{ text-align:right; }
html[dir="rtl"] .hero__text, html[dir="rtl"] #heroText, html[dir="rtl"] .c-hero__head,
html[dir="rtl"] .mid, html[dir="rtl"] .mid__body, html[dir="rtl"] .fa-copy,
html[dir="rtl"] .zto, html[dir="rtl"] .thesis__block, html[dir="rtl"] .focus__desc, html[dir="rtl"] .mf__inner{
  text-align:right;
}
/* Arabic display headings: condensed Latin face doesn't apply; use a strong Arabic weight */
html[dir="rtl"] .hero__head, html[dir="rtl"] .c-title, html[dir="rtl"] .mid__display,
html[dir="rtl"] .wipe__hero h2, html[dir="rtl"] h1, html[dir="rtl"] h2{
  font-weight:700 !important; line-height:1.15 !important;
}
/* forms / nav read right */
html[dir="rtl"] .c-field, html[dir="rtl"] .menu ol{ text-align:right; direction:rtl; }
html[dir="rtl"] .menu a{ flex-direction:row-reverse; }
html[dir="rtl"] .menu .ix, html[dir="rtl"] #finNav a .idx{ margin-left:6px; }

/* Homepage animated heroes (per-word/line motion) keep their original LTR layout in Arabic mode.
   Excluded on the Arabic static landing (html.ar-home), which is authored natively in RTL. */
html[dir="rtl"]:not(.ar-home) #rail, html[dir="rtl"]:not(.ar-home) #rail *,
html[dir="rtl"]:not(.ar-home) .scene, html[dir="rtl"]:not(.ar-home) .scene *{ direction:ltr !important; }
html[dir="rtl"]:not(.ar-home) #rail, html[dir="rtl"]:not(.ar-home) .scene,
html[dir="rtl"]:not(.ar-home) .hero-sub, html[dir="rtl"]:not(.ar-home) .sentence, html[dir="rtl"]:not(.ar-home) .bl,
html[dir="rtl"]:not(.ar-home) .hl, html[dir="rtl"]:not(.ar-home) .rn-head, html[dir="rtl"]:not(.ar-home) #today, html[dir="rtl"]:not(.ar-home) #stmt, html[dir="rtl"]:not(.ar-home) #cont{
  text-align:left !important;
}

/* In Arabic, the header "Disclaimers" link lives in the menu (under the burger), not the header bar */
html[dir="rtl"] .discl, html[dir="rtl"] .chrome .disclaimers, html[dir="rtl"] .disclaimers{ display:none !important; }

/* Arabic menu links run ~2pt smaller — the Arabic face is wider/taller and was pushing the drawer out of whack */
html[dir="rtl"] .menu a,
html[dir="rtl"] .menu li{ font-size:clamp(1.2rem,4.05vw,1.68rem) !important; }

/* Arabic wipe sliders (desktop only): the reveal panel clips over the right ~20% of the
   section. Right-aligned Arabic hero text was sliding under that panel and getting hidden
   until a re-toggle forced a relayout. Reserve the reveal zone so the heading always sits
   in the visible area, clear of the seam. Mobile stacks the wipes, so scope to desktop. */
@media(min-width:821px){
  html[dir="rtl"] .wipe__hero{ padding-right:25vw; }
  html[dir="rtl"] .wipe__hero h2,
  html[dir="rtl"] .wipe__hero .kick{ text-align:right; }
  html[dir="rtl"] .wipe--lead .wipe__hero h2{ font-size:clamp(1.8rem,3.6vw,3.2rem); }
}