التخطيط متعدد الأعمدة للنصوص (column-count, column-gap, column-rule, column-span)

**CSS Multi-column Layout** يُقسّم المحتوى إلى أعمدة مثل الجرائد والمجلات. مفيد جداً للنصوص الطويلة.

**column-count:** عدد الأعمدة المطلوب.

**column-width:** العرض المثالي لكل عمود. يُحسب عدد الأعمدة تلقائياً.

**columns:** اختصار لـ column-count + column-width. `columns: 3 200px;` — 3 أعمدة أو عرض 200px للعمود (أيهما يصنع أعمدة أقل).

**column-gap:** المسافة بين الأعمدة.

**column-rule:** خط فاصل بين الأعمدة (مثل border). `column-rule: 1px solid #e2e8f0;`

**column-span:** يجعل عنصراً يمتد عبر كل الأعمدة. `column-span: all;`

**break-inside: avoid:** يمنع كسر العنصر بين عمودين.