/* ══════════════════════════════════════════════════════════════════════════ شركة برو — طبقة الحاسبة ────────────────────────────────────────────────────────────────────────── قانون هذا الملف الوحيد، ولا يُخالَف: لا قاعدة واحدة خارج @media (min-width:720px) فما فوق. الهاتف مُنجَز والمالك راضٍ عنه، وأي بكسل يتحرّك تحت ٧٢٠ خطأ. (كتلة الطباعة في آخر الملف مقيّدة بـ min-width:720px أيضاً، وورقة A4 عرضها ٧٩٤ بكسل وLetter ٨١٦، فكلتاهما تتجاوز الحدّ.) الفكرة الحاكمة: الموقع على الحاسبة ليس «ضيّقاً» بل مفروداً. كل صورة فيه عرضُها يقود ارتفاعها، فكل بكسل عرض إضافي يشتري بكسلات طول — الصفحة الرئيسية تطول على الشاشة الأكبر بدل أن تقصر. لذلك عمل هذه الطبقة الأول تحويل العرض إلى كثافة لا إلى تمرير: سقوف قراءة أولاً، ثم أعمدة حيث يخدم المعنى، ثم مقياس طباعي سائل يشمل حبر البطاقات. ثلاث قيم فيزيائية لا مقابل منطقي لها، صحيحة للعربية RTL وحدها، وهذي قائمة ما ينقلب صامتاً يوم تُشحن النسخة الإنكليزية: ١) قناع الشريط: linear-gradient(to left,…) ← يصير to right ٢) هالة الافتتاحية .hero::before — شُحنت هنا نسخة :dir(ltr) جاهزة ٣) سهم select.inp: background-position:left (داخل