/*
 * النصُّ المنسَّق — ما يكتبه المالكُ بمحرِّر اللوحة.
 *
 * ══ ولمَ ملفٌّ مستقلّ ══
 *
 * كُتبت هذه القواعدُ أوّلًا في آخر `Assets/css/style.css` — **وذاك ليس ملفَّ
 * أنماطٍ رغم اسمه**: هو جافاسكربت Tailwind كاملًا (٤٠٨ كيلوبايت)، يُستدعى
 * بـ`<script src>` لا بـ`<link>`.
 *
 * فإلحاقُ CSS به كسر السكربت، **فلم يعمل Tailwind، فذهب تنسيقُ الموقع كلِّه**:
 * تراكبت الأقسامُ وانحازت إلى اليمين — وهو ما رآه المالكُ ووصفه.
 *
 * **ولا يظهر ذلك في فحصِ روابطَ ولا في اختبارٍ يقرأ HTML**: الملفُّ يُقدَّم
 * بـ٢٠٠، والصفحةُ تُرسم كاملةً، والوسومُ سليمة — **والذي انكسر هو ما يجعلها
 * تُرى**. ولا يُمسَك إلّا بالعين.
 *
 * ── ولمَ تُحتاج هذه القواعد ──
 *
 * إعادةُ ضبط Tailwind تجرّد `h2` و`ul` و`blockquote` من تنسيق المتصفّح، فمن
 * ينسّق عنوانًا في المحرِّر يحفظ **فلا يرى فرقًا** — والقوائمُ بلا نقاط.
 */

.voa-rich h2 { font-size: 1.35rem; font-weight: 700; margin: 1.75rem 0 .75rem; }
.voa-rich h3 { font-size: 1.15rem; font-weight: 700; margin: 1.5rem 0 .5rem; }
.voa-rich p { margin: 0 0 1rem; }
.voa-rich ul { list-style: disc; padding-inline-start: 1.75rem; margin: 0 0 1rem; }
.voa-rich ol { list-style: decimal; padding-inline-start: 1.75rem; margin: 0 0 1rem; }
.voa-rich li { margin-bottom: .35rem; }
.voa-rich blockquote { border-inline-start: 3px solid #e5e7eb; padding-inline-start: 1.25rem; color: #4b5563; margin: 0 0 1rem; }
.voa-rich a { color: #2563eb; text-decoration: underline; }
.voa-rich strong, .voa-rich b { font-weight: 700; }
.voa-rich img { max-width: 100%; height: auto; border-radius: .5rem; }

/*
 * والجداول — يُنشئها المحرِّرُ ولا تُنسَّق بلا هذا.
 *
 * Tailwind's reset removes the browser's default table borders, so a table
 * the owner builds in the editor renders on the public page as bare rows of
 * text with no lines — he formats, saves, and the table disappears as a
 * table. The editor shows it bordered because its own content CSS says so;
 * these rules are what make the page agree with the editor.
 */
.voa-rich table { border-collapse: collapse; width: 100%; margin: 0 0 1rem; }
.voa-rich table td, .voa-rich table th { border: 1px solid #e5e7eb; padding: .5rem .75rem; }
.voa-rich table th { background: #f9fafb; font-weight: 700; }
.voa-rich figure { margin: 0 0 1rem; }
.voa-rich figcaption { font-size: .85rem; color: #6b7280; margin-top: .35rem; }
.voa-rich h4 { font-size: 1.05rem; font-weight: 700; margin: 1.25rem 0 .5rem; }
.voa-rich hr { border: 0; border-top: 1px solid #e5e7eb; margin: 1.5rem 0; }