/* =========================================================
   الأبحاث والمقالات — إضافات تصميمية على نظام التصميم العام
   يعتمد على المتغيرات المعرّفة في style.css (يجب تحميله أولًا)
   ========================================================= */

/* ---------- بطاقة بحث/مقال (قائمة القسم) ---------- */
.research-card{ display:flex; flex-direction:column; overflow:hidden; }
.research-cover{
  height:220px; position:relative; overflow:hidden;
  background:var(--forest-900);
}
.research-cover img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.research-cover::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(10,31,28,.75), rgba(10,31,28,0) 55%);
}
.research-cover .tag{ position:absolute; top:16px; right:16px; z-index:1; }
[dir="ltr"] .research-cover .tag{ right:auto; left:16px; }
.research-body{ padding:24px 26px 26px; flex:1; display:flex; flex-direction:column; }
.research-meta{ font-size:11.5px; color:var(--gold-700); font-weight:800; font-family:"Cairo",sans-serif; margin-bottom:8px; text-transform:uppercase; letter-spacing:.4px; }
.research-body h3{ font-size:19px; margin-bottom:10px; }
.research-body p{ font-size:14px; flex:1; }
.research-foot{ margin-top:16px; padding-top:16px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; }

/* ---------- رأس المقال ---------- */
.article-hero{ background:var(--paper-alt); padding:56px 0 0; }
.article-head{ max-width:820px; margin:0 auto; text-align:center; }
.article-head .eyebrow{ justify-content:center; }
.article-head h1{ font-size:clamp(28px,4vw,44px); margin-bottom:18px; }
.article-lead{ font-size:18px; color:var(--ink-700); max-width:700px; margin:0 auto 28px; }
.article-byline{
  display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap;
  font-family:"Cairo",sans-serif; font-size:12.5px; font-weight:700; color:var(--ink-500);
  padding-bottom:36px; border-bottom:1px solid var(--line); margin-bottom:0;
}
.article-byline b{ color:var(--ink); }
.article-byline span{ display:inline-flex; align-items:center; gap:6px; }
.article-cover{
  max-width:1000px; margin:0 auto; padding:36px 24px 0;
}
.article-cover img{ width:100%; border-radius:var(--radius-md); display:block; }
.article-cover-caption{ text-align:center; font-size:12.5px; color:var(--ink-500); margin-top:12px; }

/* ---------- جسم المقال ---------- */
.article-body{ max-width:740px; margin:0 auto; }
.article-body h2{
  font-size:clamp(21px,2.4vw,27px); margin-top:52px; margin-bottom:18px;
  padding-top:8px;
}
.article-body h2 .num{ color:var(--gold-700); font-family:"Cairo",sans-serif; margin-inline-end:8px; }
.article-body p{ font-size:16.5px; line-height:1.9; color:var(--ink-700); margin-bottom:22px; }
.article-body p:first-of-type{ font-size:18px; }
.article-body a.cite{ color:var(--gold-700); font-weight:700; text-decoration:none; }
.article-body a.cite:hover{ text-decoration:underline; }
.article-body a.inline-link{
  color:#1a56db; font-weight:700; text-decoration:underline; text-decoration-color:rgba(26,86,219,.35); text-underline-offset:2px;
}
.article-body a.inline-link:hover{ text-decoration-color:#1a56db; }

.article-pull{
  font-family:"Cairo",sans-serif; font-weight:800; font-size:clamp(20px,2.4vw,26px);
  color:var(--ink); line-height:1.5; margin:40px 0; padding:0 28px;
  border-inline-start:4px solid var(--gold-600); position:relative;
}

/* ---------- بطاقات أرقام/فيغرز ---------- */
.figure-block{
  background:var(--paper-alt); border:1px solid var(--line); border-radius:var(--radius-md);
  padding:28px 30px; margin:32px 0;
}
.figure-title{ font-family:"Cairo",sans-serif; font-weight:800; font-size:13px; color:var(--ink-500); text-transform:uppercase; letter-spacing:.4px; margin-bottom:20px; }
.figure-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:6px; }
.figure-stat{ text-align:center; }
.figure-stat b{ display:block; font-family:"Cairo",sans-serif; font-size:clamp(24px,3vw,32px); font-weight:800; color:var(--forest-800); }
.figure-stat span{ font-size:12px; color:var(--ink-500); font-weight:600; }
.figure-source{ font-size:11.5px; color:var(--ink-500); margin-top:16px; text-align:center; }

.bar-figure{ margin:14px 0; }
.bar-figure-row{ margin-bottom:16px; }
.bar-figure-row:last-child{ margin-bottom:0; }
.bar-figure-label{ display:flex; justify-content:space-between; font-size:13.5px; font-weight:700; color:var(--ink); margin-bottom:7px; font-family:"Cairo",sans-serif; }
.bar-figure-label span{ color:var(--ink-500); font-weight:600; }
.bar-figure-track{ height:10px; border-radius:20px; background:var(--line); overflow:hidden; }
.bar-figure-fill{ height:100%; border-radius:20px; background:linear-gradient(90deg, var(--gold-700), var(--gold-600)); }

/* ---------- قائمة نقاط ضمن المقال ---------- */
.article-body ul.article-list{ margin:0 0 24px; display:grid; gap:12px; }
.article-body ul.article-list li{
  font-size:15.5px; color:var(--ink-700); display:flex; align-items:flex-start; gap:10px; line-height:1.7;
}
.article-body ul.article-list li::before{
  content:""; width:6px; height:6px; border-radius:50%; background:var(--gold-600); flex:none; margin-top:9px;
}

/* ---------- صندوق مشروع نهضة الختامي ---------- */
.article-cta-box{
  background:var(--forest-950); border-radius:var(--radius-lg); padding:36px 38px;
  margin:44px 0 8px; color:#fff;
}
.article-cta-box h3{ color:#fff; font-size:20px; margin-bottom:10px; }
.article-cta-box p{ color:#c2d1cc; font-size:15px; margin-bottom:18px; }
.article-cta-box a.inline-link{ color:#8ec6ff; text-decoration-color:rgba(142,198,255,.4); }
.article-cta-box a.inline-link:hover{ text-decoration-color:#8ec6ff; }

/* ---------- المراجع ---------- */
.references{ max-width:740px; margin:56px auto 0; padding-top:32px; border-top:1px solid var(--line); }
.references h3{ font-size:15px; font-family:"Cairo",sans-serif; margin-bottom:18px; color:var(--ink); }
.references ol{ list-style:decimal; padding-inline-start:20px; display:grid; gap:10px; }
.references li{ font-size:13px; color:var(--ink-500); line-height:1.7; }
.references li a{ color:var(--ink-700); text-decoration:underline; text-decoration-color:var(--line); }
.references li a:hover{ color:var(--ink); text-decoration-color:var(--ink); }

/* ---------- شارة "غير موثق/مُقدَّر" ---------- */
.est-note{ font-size:12.5px; color:var(--ink-500); font-style:italic; }

/* ---------- جداول بيانات موسّعة (المقال العميق) ---------- */
.wide-table-wrap{
  overflow-x:auto; margin:28px 0;
  border:1px solid var(--line); border-radius:var(--radius-md);
}
table.data-table{ width:100%; border-collapse:collapse; min-width:640px; font-size:13.5px; }
table.data-table caption{ text-align:right; font-size:12px; color:var(--ink-500); padding:12px 16px 0; }
table.data-table th, table.data-table td{ padding:12px 16px; text-align:right; border-bottom:1px solid var(--line); vertical-align:top; }
[dir="ltr"] table.data-table th, [dir="ltr"] table.data-table td{ text-align:left; }
table.data-table thead th{
  background:var(--paper-alt); font-family:"Cairo",sans-serif; font-weight:800; font-size:12px;
  color:var(--ink); white-space:nowrap;
}
table.data-table tbody tr:last-child td{ border-bottom:none; }
table.data-table tbody tr:hover{ background:var(--paper-alt); }
table.data-table td b{ color:var(--ink); font-family:"Cairo",sans-serif; }

/* ---------- خريطة أولوية بالمناطق ---------- */
.priority-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:28px 0; }
.priority-chip{
  padding:16px 18px; border-radius:var(--radius-sm); border:1px solid var(--line);
  display:flex; flex-direction:column; gap:6px; background:#fff;
}
.priority-chip b{ font-family:"Cairo",sans-serif; font-size:14px; color:var(--ink); }
.priority-chip span{ font-size:12px; color:var(--ink-500); }
.priority-chip .dot{ width:9px; height:9px; border-radius:50%; display:inline-block; margin-inline-end:6px; }
.priority-chip--red{ border-inline-start:4px solid #b3261e; }
.priority-chip--red .dot{ background:#b3261e; }
.priority-chip--yellow{ border-inline-start:4px solid var(--gold-600); }
.priority-chip--yellow .dot{ background:var(--gold-600); }
.priority-chip--green{ border-inline-start:4px solid var(--forest-700); }
.priority-chip--green .dot{ background:var(--forest-700); }

/* ---------- عناوين فرعية H3 داخل المقال ---------- */
.article-body h3{ font-family:"Cairo",sans-serif; font-size:17px; font-weight:800; color:var(--ink); margin:30px 0 12px; }

/* ---------- ملخص تنفيذي / صندوق تمييز ---------- */
.exec-summary{
  background:var(--paper-alt); border-inline-start:4px solid var(--gold-600);
  border-radius:var(--radius-sm); padding:26px 28px; margin:0 0 8px;
}
.exec-summary h3{ margin-top:0 !important; }
.exec-summary p{ margin-bottom:12px; font-size:15px; }
.exec-summary p:last-child{ margin-bottom:0; }

/* ---------- شبكة النتائج الرئيسية ---------- */
.findings-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin:24px 0 32px; }
.finding-item{
  display:flex; gap:12px; padding:16px 18px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-sm);
}
.finding-item .num{
  font-family:"Cairo",sans-serif; font-weight:800; font-size:13px; color:#fff;
  background:var(--forest-800); width:26px; height:26px; border-radius:50%; flex:none;
  display:flex; align-items:center; justify-content:center;
}
.finding-item p{ margin:0; font-size:13.5px; color:var(--ink-700); }

/* ---------- responsive ---------- */
@media (max-width:760px){
  .priority-grid{ grid-template-columns:1fr; }
  .findings-grid{ grid-template-columns:1fr; }
}
@media (max-width:760px){
  .figure-stats{ grid-template-columns:1fr; gap:16px; }
  .article-cta-box{ padding:28px 24px; }
  .article-pull{ padding:0 18px; }
}