html[dir="rtl"] body { direction: rtl; }
html[dir="rtl"] .brand { direction: ltr; text-align: left; }
html[dir="rtl"] .header-row,
html[dir="rtl"] nav { flex-direction: row-reverse; }
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] p,
html[dir="rtl"] li { text-align: right; }
html[dir="rtl"] .language-picker select,
html[dir="rtl"] a[href^="mailto:"] { direction: ltr; }