مسافات الأقسام

إيقاع منضبط، لا عشوائي. حشو الأقسام يأتي من توكنات مُسمَّاة. طبقة تحسين الموبايل (§15) تختصر كل الحشو الرئيسي للنصف تحت 640px ليبقى الهاتف غير ممتدّ كسطح مكتب.

توكنات إيقاع الأقسام

.cal-section

إيقاع رأسي قياسي للأقسام. موبايل padding-block 0.875rem، ديسكتوب 2rem.

.cal-section--tight

إيقاع أضيق لشرائط الـ header، كتل الإشارات، الأقسام الكثيفة. موبايل 0.625rem، ديسكتوب 1.25rem.

.cal-section--flush

صفر padding-block. لأقسام media full-bleed تملك حشوها الداخلي.

عرض الـ Grid والـ Container

• max-w-7xl — حاوية تحريرية قياسية. ~1280px كحدّ أقصى. على كل قسم محتوى رئيسي.
• max-w-3xl — عمود قراءة للنصوص الطويلة (المقالات التحريرية، التغطيات). ~720px.
• px-4 sm:px-6 lg:px-8 — نمط حشو داخلي قياسي. مطلوب على كل حاوية.

سياسة ضغط الموبايل (طبقة §15)

على viewports تحت 640px، طبقة التحسين تتجاوز افتراضيات Tailwind py-* لتختصر الإيقاع الرأسي للنصف: py-12 → 1.5rem، py-10 → 1.25rem، py-8 → 1rem، py-6 → 0.75rem. نفس الضغط على gap-* و mb-*. تلقائي — لا تكتب تجاوزات لكل صفحة.