/* assets/css/style-rtl.css */
@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Cairo:wght@400;600;700&display=swap');

body {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', -apple-system, sans-serif;
}

.brand-title, .story-heading, .article-body-text, .story-excerpt {
    font-family: 'Amiri', serif;
}

.brand-title {
    font-size: 1.9rem;
}

.story-heading {
    font-size: 1.85rem;
    line-height: 1.45;
}

.story-excerpt {
    font-size: 1.15rem;
}

.article-body-text {
    font-size: 1.3rem;
    line-height: 2.1;
}

.btn-read {
    flex-direction: row-reverse;
}