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

/* No flex-direction override here on purpose: flexbox already reverses
   its main axis under dir="rtl", so row-reverse would flip the links a
   second time and put Home on the far left instead of beside the logo. */

@media (max-width: 1024px) {
  [dir="rtl"] .nav-links {
    flex-direction: column;
  }
}

/* No `[dir="rtl"] .blog-title-container { text-align: center }` here any
   more. Every section header now aligns to the start edge, and each of the
   three is qualified with its section id, so that rule was already losing on
   specificity — it only sat here waiting to re-centre the next header added
   without an id. .content-meta, .podcast-footer and .post-footer went with
   the pre-redesign markup. */

/* letter-spacing pulls apart Arabic's connected letterforms, and Arabic has
   no letter case, so reset both wherever Latin-oriented tracking was set */
[dir="rtl"] .live-badge,
[dir="rtl"] .now-playing {
  letter-spacing: normal;
  text-transform: none;
}