/* Flexbox already follows the page `dir`, so the navbar/links flip on their own.
   We only keep text alignment tweaks here. */
[dir="rtl"] body { text-align: right; }
[dir="rtl"] .course-card { text-align: right; }
[dir="rtl"] th, [dir="rtl"] td { text-align: right; }
[dir="rtl"] .form-group label { text-align: right; }