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

[dir="rtl"] .categories a,
[dir="rtl"] .tags a {
    margin-left: 0;
    margin-right: 0.5rem;
}

[dir="rtl"] .post-card {
    grid-template-columns: 1fr 300px;
}

@media (max-width: 768px) {
    [dir="rtl"] .post-card {
        grid-template-columns: 1fr;
    }
}