/* ==========================================================================
   RTL overrides.
   Applied only when html[dir="rtl"].
   ========================================================================== */

html[dir="rtl"] body { text-align: right; }

/* Numbers stay Western but the direction reverses. */
html[dir="rtl"] .lead,
html[dir="rtl"] .h1,
html[dir="rtl"] .h2,
html[dir="rtl"] .h3 { text-align: right; }

html[dir="rtl"] .text-center,
html[dir="rtl"] .text-center .h1,
html[dir="rtl"] .text-center .h2,
html[dir="rtl"] .text-center .h3,
html[dir="rtl"] .text-center .lead,
html[dir="rtl"] .text-center p { text-align: center; }

/* Reverse asymmetric grids so the visual balance mirrors correctly. */
html[dir="rtl"] .grid-2--asym { grid-template-columns: .95fr 1.05fr; }
html[dir="rtl"] .grid-2--course { grid-template-columns: .95fr 1.05fr; }

/* Font-face fallback: some system installations render Arabic bold with slight jitter — settle it. */
html[dir="rtl"] .h1,
html[dir="rtl"] .h2 { letter-spacing: 0 !important; }