/* أنماطُ partials/fnv_lab_bait — نُقلت 2026-08-20 (CLAUDE.md قاعدة 1). ⚖ تُحمَّل عبر @once+@push('style-override') — والدفعُ من جسم التخطيط مُثبَتُ الوصول: اختُبر على partials/footer فظهرت الوصلةُ داخلَ . */ /* ══ ⛔ **أربعُ مخالفاتٍ قِيست 2026-08-31 (بلاغُ المالك)** ══ ① `letter-spacing:.08em` **على عربيّة** — يكسر التوصيل (ميثاق اللغة §3)، و`text-transform:uppercase` بلا معنىً في العربيّة أصلاً. ② `.75rem` = **12 بكسلاً** على نصٍّ عربيٍّ ظاهر — والأرضيّةُ 13. ③ ألوانُ hex خامٌّ في احتياطيّ `var()` (‏#0A0A0A · #666 · #333) — وقاعدةُ الدستور 2 تمنع الخامَّ، والرمزُ معرَّفٌ فلا حاجةَ لاحتياط. ④ `!important` ×2 — وقاعدةُ الدستور 3 تمنع الجديدَ منه؛ والتخصيصُ يُرفَع بالمحدِّد لا بالوزن. ⚖ **والبنيةُ صارت عمودين**: النصُّ يمينَ القراءة والفعلُ يسارَه، فيمتلئ النصفُ الذي كان خاوياً بالمدخل نفسِه لا بزخرف. */ /* ⛔ **وكان الصندوقُ أعرضَ من محتواه** (بلاغُ المالك الثاني · 2026-08-31): على شاشةٍ عريضةٍ يتباعد العمودان فيصير بينهما **وادٍ فارغ**، والنصُّ يمتدّ سطراً طويلاً يُتعب الرجوع. ⚖ **فالمحتوى يُحصَر لا الصندوقُ يُضيَّق**: مقياسُ قراءةٍ للنصّ، وعرضٌ أقصى للشبكة كلِّها تتمركز داخلَه — فيبقى الإطارُ ممتدّاً مع الصفحة والمحتوى مجتمعاً كما تقرؤه العين. */ .fnv-bait{border:2px solid var(--fnv-ink);padding:22px;margin:32px 0; background:var(--fnv-surface);display:grid;gap:18px;align-items:center;} @media (min-width:820px){ .fnv-bait{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:32px; max-width:1120px;margin-inline:auto;} } .fnv-bait__txt{min-width:0;max-width:var(--fnv-measure-wide);} /* ⛔⛔ **و`p` في `finviro-base` تحمل `font-size: var(--fnv-size-p) !important`** — فأيُّ مقاسٍ يُكتب لفقرةٍ في ورقةٍ جديدة **يسقط صامتاً**. قِيس هنا: كتبتُ `.8125rem` فحسبه المتصفّحُ **18px** (وهو الموروثُ)، ومسبارٌ منفصلٌ بالقيمة نفسِها أعطى 13 — أي أنّ القاعدةَ لم تُطبَّق أصلاً لا أنّها حُسبت خطأً. ⚖ **ولا `!important` ثانٍ** (قاعدةُ الدستور 3 وسقفُ الحارس): الـ`!important` القائمُ **يقرأ رمزاً**، فيُهزَم بإعادة تعريف الرمز على العنصر نفسِه — فيبقى تصريحُ الأساس نافذاً ويقرأ قيمتَنا. */ .fnv-bait__eyebrow{--fnv-size-p:.8125rem;--fnv-w-body:800; font-family:var(--fnv-font-body);font-size:.8125rem;font-weight:800; letter-spacing:normal;color:var(--fnv-ink-3);margin:0 0 6px;} .fnv-bait__h{font-family:var(--fnv-font-body);font-size:1.35rem;font-weight:800; margin:0 0 8px;line-height:1.5;color:var(--fnv-ink);letter-spacing:normal;} .fnv-bait__p{--fnv-size-p:.9375rem;font-family:var(--fnv-font-body);font-size:.9375rem; line-height:1.9;color:var(--fnv-ink-2);margin:0;} /* ── الفعلُ: حقلٌ حقيقيٌّ لا وعدٌ بحقل ── ⚖ **ولوحٌ لا عناصرُ سائبة**: خطٌّ فاصلٌ وحدَه يترك الحقلَ والزرَّ يطفوان في البياض. خلفيّةٌ وحدٌّ يجعلانه **نموذجاً** تُقرأ حدودُه بلمحة. */ .fnv-bait__go{min-width:0;background:var(--fnv-surface-2); border:1px solid var(--fnv-border);padding:16px;} .fnv-bait__l{display:block;font-family:var(--fnv-font-body);font-size:.8125rem; font-weight:800;color:var(--fnv-ink-3);margin:0 0 6px;} /* ⚖ **مكدّسٌ لا متجاور**: في عمودٍ عرضُه 360 يصير الزرُّ إلى جوار الحقل شريطين ضيّقين، والتكديسُ يعطي كلَّ واحدٍ عرضَه الكامل فيكبر هدفُ اللمس. */ .fnv-bait__row{display:grid;gap:10px;} .fnv-bait__i{width:100%;min-width:0;min-height:48px;padding:11px 13px; border:2px solid var(--fnv-ink);background:var(--fnv-surface);color:var(--fnv-ink); font-family:var(--fnv-font-mono);font-size:.9375rem;} .fnv-bait__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px; padding:12px 24px;border:2px solid var(--fnv-ink);background:var(--fnv-ink); color:var(--fnv-surface);font-family:var(--fnv-font-body);font-weight:800; font-size:.9375rem;text-decoration:none;cursor:pointer;} .fnv-bait__cta:hover,.fnv-bait__cta:focus-visible{background:var(--fnv-surface);color:var(--fnv-ink);} .fnv-bait__hint{--fnv-size-p:.8125rem;font-family:var(--fnv-font-body);font-size:.8125rem; line-height:1.7;color:var(--fnv-ink-3);margin:8px 0 0;} @media (max-width:600px){.fnv-bait{padding:16px;}.fnv-bait__h{font-size:1.15rem;}} /* ══ الوضعُ المضغوط — بطاقةٌ في العمود الجانبيّ (أُضيف 2026-09-03 · بلاغُ المالك) ══ ⛔ **العلّةُ المقيسة**: الطُعمُ في ذيل الصفحة، «وأغلبيّةٌ لا تُكمل القراءةَ إلى تحت» — فيصل مَن لا يحتاجه ويفوت مَن يحتاجه. ⚖ **وعمودٌ واحدٌ لا عمودان**: عرضُ الجانب 320 بكسلاً، وشبكةُ العمودين فيه تُنتج حقلاً بعرض 120 لا يقرأ رمزاً. فيُلغى التقسيمُ في هذا الوضع وحدَه. ⛔ **ولا نسختان من النموذج** (‏§1): الاختلافُ في التخطيط فقط. */ .fnv-bait--sm { padding:14px 16px; margin:0; gap:12px; } @media (min-width:820px) { .fnv-bait--sm { grid-template-columns:1fr; max-width:none; margin-inline:0; gap:12px; } } .fnv-bait--sm .fnv-bait__txt { max-width:none; } .fnv-bait--sm .fnv-bait__eyebrow { margin-bottom:4px; } .fnv-bait--sm .fnv-bait__h { font-size:1rem; line-height:1.55; margin:0 0 8px; } .fnv-bait--sm .fnv-bait__p { font-size:.85rem; line-height:1.85; margin:0; } .fnv-bait--sm .fnv-bait__row { display:grid; grid-template-columns:1fr; gap:8px; } /* ⛔ ولا يهبط دون 13 بكسلاً على عربيّة (‏arabic-legibility): النقاطُ المميِّزةُ تضيع. */ .fnv-bait--sm .fnv-bait__hint { font-size:.85rem; line-height:1.8; } .fnv-bait--sm .fnv-bait__hint a { border-bottom:1.5px solid var(--fnv-ink); font-weight:700; }