* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: #f5f6f8; color: #151515; }
a { color: #0d5bd7; text-decoration: none; }
.container { width: min(1100px, 92%); margin: 0 auto; }
.row { display: flex; }
.between { justify-content: space-between; }
.center { align-items: center; }
.site-header, .site-footer { background: #101114; color: #fff; padding: 16px 0; }
.logo { color: #fff; font-weight: 700; font-size: 20px; }
.main-nav a { color: #fff; margin-left: 16px; }
.hero { padding: 24px 0; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; padding-bottom: 32px; }
.card { background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 8px 24px rgba(0,0,0,.06); }
.hero-card { padding: 28px; margin-bottom: 24px; }
.button { display: inline-block; background: #111827; color: #fff; padding: 10px 14px; border-radius: 10px; }
.lang-dv { direction: rtl; text-align: right; font-family: "Noto Sans Thaana", "MV Waheed", "Faruma", sans-serif; }
.lang-en { direction: ltr; text-align: left; }
.article-body .summary { color: #555; margin-bottom: 16px; }

.hero-card { display:grid; grid-template-columns: 1.2fr 1fr; gap:24px; align-items:center; }
.hero-image, .post-card-image, .article-image { width:100%; height:auto; border-radius:14px; display:block; }
.post-card-image { aspect-ratio: 16/10; object-fit:cover; margin-bottom:14px; }
.section-block { padding: 10px 0 26px; }
.section-heading h2 { margin: 0 0 16px; }
.eyebrow, .muted-label { display:inline-block; color:#6b7280; font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.rich-content img { max-width:100%; height:auto; border-radius:12px; }
.rich-content blockquote { border-inline-start:4px solid #d1d5db; margin:16px 0; padding:8px 16px; color:#4b5563; }
.rich-content p, .rich-content li { line-height:1.7; }
@media (max-width: 820px) { .hero-card { grid-template-columns:1fr; } }

html[lang="dv"] body,
body.lang-dv,
body.lang-dv *:not(.brand-title):not(.brand-sub) {
    font-family: 'RealThaana', 'Faruma', 'MV Waheed', 'MV Iyyu', sans-serif !important;
}

html[lang="dv"] .brand-title,
body.lang-dv .brand-title {
    font-family: 'Playfair Display', serif !important;
}

html[lang="dv"] .hero-title,
html[lang="dv"] .section-title,
html[lang="dv"] .story-title,
html[lang="dv"] .post-card-title,
html[lang="dv"] .writer-name,
html[lang="dv"] .newsletter-title,
body.lang-dv .hero-title,
body.lang-dv .section-title,
body.lang-dv .story-title,
body.lang-dv .post-card-title,
body.lang-dv .writer-name,
body.lang-dv .newsletter-title {
    font-family: 'RealThaana', 'Faruma', 'MV Waheed', 'MV Iyyu', sans-serif !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
}

html[lang="dv"] input,
html[lang="dv"] textarea,
html[lang="dv"] select,
body.lang-dv input,
body.lang-dv textarea,
body.lang-dv select {
    font-family: 'RealThaana', 'Faruma', 'MV Waheed', 'MV Iyyu', sans-serif !important;
}