html[dir="rtl"] {
	direction: rtl;
}

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

html[dir="rtl"] .site-main {
	text-align: start;
}

html[dir="rtl"] .post-card-body,
html[dir="rtl"] .post-card-head,
html[dir="rtl"] .post-card-excerpt,
html[dir="rtl"] .section-header {
	text-align: start;
}

.site-controls {
	flex-direction: row-reverse;
}