/* RTL specific styles */
body[dir="rtl"] {
  text-align: right;
}

body[dir="rtl"] .logo {
  order: 2;
}

body[dir="rtl"] nav {
  order: 1;
}

body[dir="rtl"] nav ul {
  flex-direction: row-reverse;
}

body[dir="rtl"] nav ul li a.active::after {
  right: 0;
  left: 0;
}

body[dir="rtl"] th, 
body[dir="rtl"] td {
  text-align: right;
}

body[dir="rtl"] .mission-box {
  border-right: 4px solid var(--primary-600);
  border-left: none;
}

body[dir="rtl"] ul, 
body[dir="rtl"] ol {
  padding-right: var(--space-6);
  padding-left: 0;
}