/* ═══ كتلتان مشتركتان في الصفحات الـ76 كلها ═══
   مصدر الـHTML: injectBlocks() في tools/build.js
   مصدر الأنماط: هذا الملف وحده. كانت مكرّرة في article.css وفي
   الرئيسيتين، فسقطت foot-support من نسخة الرئيسيتين ولم تُنسَّق. */

/* العرض 760px لا var(--measure): مقاس قراءة النصّ الطويل لا يناسب صندوقاً
   من سطرين يقف تحت wb-panel — والتفاوت بين 609 و760 كان يظهر على الشاشات
   العريضة. الآن الصندوقان بعرض واحد.
   الهامش العلوي: الكتلتان صارتا متجاورتين مباشرةً بعد نقل foot-support
   خارج <footer> (الذي كان يمنحها margin-top:48px)، فلولاه لالتصقتا. */
.foot-support{max-width:760px;margin:clamp(20px,3.5vw,32px) auto 22px;text-align:center;
  background:var(--card);border:1px solid rgba(201,168,76,.28);border-radius:16px;padding:18px 20px}
.foot-support h3{font-size:15px;font-weight:800;color:var(--gold-light);margin-bottom:8px}
.foot-support p{color:var(--muted);font-size:13.5px;line-height:1.9;margin:0}
/* width:100% لأن .page في الرئيسيتين حاوية flex متمركزة، فبدونه تتقلّص
   الكتلة إلى مقاس محتواها وتضيق wb-panel عن 760 فيختلّ تطابقها مع
   foot-support. في الصفحات المولَّدة الكتلة في التدفّق العادي فلا أثر له. */
.works-band{width:100%;max-width:var(--wide,1100px);margin:clamp(34px,5vw,46px) auto 0;padding-inline:var(--s3,18px)}
.wb-head{text-align:center;margin-bottom:18px}
.wb-eyebrow{font-size:11px;letter-spacing:.2em;color:var(--muted)}
.wb-title{font-size:clamp(18px,3.2vw,24px);font-weight:800;color:var(--gold-light);margin-top:6px}
.wb-panel{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:clamp(16px,3vw,20px) clamp(13px,2.5vw,16px);max-width:760px;margin-inline:auto}
.wb-h{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--gold);text-align:center;margin:0}
.wb-note{font-size:12.5px;line-height:1.9;color:var(--muted);text-align:center;max-width:48ch;margin:8px auto 14px}
.wb-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
.wb-grid a{display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center;padding:14px 12px;
  border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:border-color .2s,background .2s}
@media (min-width:600px){.wb-grid{grid-template-columns:repeat(3,1fr)}}

/* الصفحتان الرئيسيتان وحدهما تحملان .page: حاويتهما بلا حشوة جانبية،
   فالصندوق يلتصق بالحافتين بينما works-band تُزيح نفسها بـpadding-inline.
   التقييد بـ.page يمنع مسّ الصفحات الـ74 التي يكفيها حشو حاويتها. */
.page > .foot-support{max-width:min(760px, 100% - 2 * var(--s3,18px))}

/* ═══ فوتر الموقع — يُحقن في الـ76 بـinjectFooter() ═══
   الاسم site-footer لا footer: الأخير كان محجوزاً لنسخة الرئيسيتين
   المضمَّنة، و<footer class="foot"> في الصفحات المولَّدة شيء آخر. */
.site-footer{text-align:center;padding:40px 20px 0;font-size:11px;
  color:rgba(255,255,255,0.2);line-height:1.8}
.site-footer .footer-brand{font-family:'Playfair Display',serif;font-size:18px;
  color:rgba(201,168,76,0.4);font-weight:700;margin-bottom:6px}
.site-footer .footer-links{display:flex;gap:16px;justify-content:center;
  margin-bottom:8px;flex-wrap:wrap}
.site-footer .footer-link{font-size:11px;color:rgba(201,168,76,0.35);
  text-decoration:none;text-transform:uppercase}
.site-footer .footer-link:hover{color:var(--gold)}
.site-footer .footer-copy{font-size:11px}