متطلبات التجاوب

القراءة على Editorial mobile-first. ~60% من قراءات التحرير على الهواتف. سلّم الطباعة وطول السطر ونسب الصور مضبوطة على نطاق 375-414px أولاً؛ تكييف الديسكتوب يأتي ثانياً.

سلوك لكل نقطة توقّف

موبايل (≤640px)

قراءة بعمود واحد. type الجسم 0.9375rem / leading 1.5. الـ Hero مضغوط عبر طبقة التحسين §15. شبكة Related Signals تتراصّ 1-up مع swipe-scroll أفقي.

تابلت (641-1023px)

القائمة 2-up. عمود قراءة المقال يبقى `max-w-3xl` (محدود). Related Signals 2-up.

ديسكتوب (≥1024px)

القائمة 3-up. عمود قراءة المقال `max-w-3xl` مركَّز. Related Signals شبكة 3-up.

قواعد تجاوب خاصّة بالقراءة

• طول السطر محدود بـ ~70ch على كل viewport. الأسطر الطويلة تقتل قراءة الموبايل أسرع من النصّ الصغير.
• الصور المضمَّنة في الجسم تحترم CSS aspect-ratio، لا ارتفاعات pixel ثابتة. تتدرّج لعرض عمود القراءة.
• الاقتباسات تستخدم `padding-inline-start` (واعية بـ RTL)، لا `padding-left`.
• عنوان hero المقال يتدرّج من 32px موبايل إلى 44px ديسكتوب عبر token `.t-page-h1`.