body {
	direction: rtl;
}

/* Keep the carousel scroll axis stable while preserving the RTL card layout. */
html[dir="rtl"] #hero-carousel {
	direction: ltr;
}

html[dir="rtl"] #hero-carousel .carousel-item {
	direction: rtl;
}

/* The tab buttons are ordered from the right in RTL, so their visual arrows
   must point in the opposite direction from the LTR control icons. */
html[dir="rtl"] .tab-scroll-btn i {
	transform: rotate(180deg);
}

html[dir="rtl"] #hero-carousel .md\:bg-gradient-to-r {
	background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.article-content ul,
.article-content ol {
	margin-right: 1rem;
}