/* Arabic (and other right-to-left languages): loaded after the mirrored stylesheets (site-rtl.css, wp-rtl.css).
   Latin letters and figures keep Cormorant Garamond and Source Sans; Arabic letters use Amiri (a classical
   Naskh that sits with the Garamond) and IBM Plex Sans Arabic (a humanist sans like Source Sans). */
:root {
  --serif: "Cormorant Garamond", "Amiri", Georgia, serif;
  --sans: "Source Sans 3", "IBM Plex Sans Arabic", system-ui, sans-serif;
}
html[dir="rtl"] body { font-synthesis: none; }

/* Arabic letters join: spacing them apart breaks the words, and capitals do not exist. */
html[dir="rtl"] body, html[dir="rtl"] body * { letter-spacing: 0 !important; }

/* Arabic reads larger and needs more line height than the Latin sizes the design was set in. */
html[dir="rtl"] body { line-height: 1.75; }
html[dir="rtl"] .hdr__nav a { font-size: .82rem; }
html[dir="rtl"] .eyebrow { font-size: .86rem; }
html[dir="rtl"] .menu__list a { font-size: 1.02rem; }
html[dir="rtl"] .am-tab, html[dir="rtl"] .rd-nav a { font-size: .95rem; }
html[dir="rtl"] .wl dt, html[dir="rtl"] .cvb h3, html[dir="rtl"] .cvb h2.cvb__h, html[dir="rtl"] .ftr h2 { font-size: .86rem; }
html[dir="rtl"] .btn, html[dir="rtl"] .link, html[dir="rtl"] .chip { font-size: .86rem; }
html[dir="rtl"] .story__body p, html[dir="rtl"] .am-bio p { line-height: 2; }

/* the large first letter of the story is a Latin device */
html[dir="rtl"] .story__body > section:first-child > p:first-of-type::first-letter,
html[dir="rtl"] .bio__text p:first-child::first-letter { float: none; font: inherit; padding: 0; color: inherit; }

/* the language switch keeps the Latin label in its own direction */
html[dir="rtl"] .lang a[lang="en"] { direction: ltr; }

/* arrow buttons point the way Arabic reads */
html[dir="rtl"] #hPrev, html[dir="rtl"] #hNext, html[dir="rtl"] #ctPrev, html[dir="rtl"] #ctNext { transform: scaleX(-1); }

/* shadows and floors that reach past the left edge would make a right-to-left page scroll sideways */
html[dir="rtl"], html[dir="rtl"] body { overflow-x: clip; }