/* ═══════════════════════════════════════════════════════
 *  inc-section_flow.css — أُستخرِج آليًا من includes/section_flow.php
 *  المقطع 1 من 1 · سطور 106–106 في الأصل.
 *  ⚠️ الترتيب بين المقاطع مقصود: بينها كتل <style> مشروطة
 *     باقية في الصفحة، والتتالي يعتمد على تسلسلها.
 * ═══════════════════════════════════════════════════════ */
/* ═══════════ سيكشن رحلة العقد ═══════════ */
.wtq-jr{--jr-ink:#0B1B3A;--jr-blue:#2563EB;--jr-mut:#5A6478;--jr-line:#E6EBF3;
  position:relative;background:#fff;padding:clamp(56px,6vw,92px) clamp(16px,4vw,40px);overflow:hidden}
.wtq-jr::before{content:"";position:absolute;inset:0 0 auto 0;height:62%;pointer-events:none;
  background:radial-gradient(60% 100% at 50% 0%,rgba(37,99,235,.075),transparent 70%)}
.wtq-jr-c{max-width:1140px;margin:0 auto;position:relative}

.wtq-jr-head{text-align:center;max-width:760px;margin:0 auto clamp(34px,4vw,52px)}
.wtq-jr-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;
  color:#1D4ED8;background:#EEF4FF;border:1px solid #DBE6FF;padding:6px 14px;border-radius:999px;margin-bottom:16px}
.wtq-jr-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--jr-blue)}
.wtq-jr h2{font-size:clamp(24px,3.2vw,38px);font-weight:700;line-height:1.35;color:var(--jr-ink);margin:0 0 12px;letter-spacing:-.3px}
.wtq-jr-head p{font-size:clamp(14.5px,1.35vw,16.5px);line-height:1.9;color:var(--jr-mut);margin:0}

/* المسرح: الوثيقة في المنتصف والمحطّات حواليها */
.wtq-jr-stage{position:relative;height:560px}
.wtq-jr-paper{position:absolute;inset-inline-start:50%;top:0;transform:translateX(50%);
  width:392px;max-width:100%;background:#fff;border:1px solid var(--jr-line);border-radius:16px;
  padding:24px 24px 20px;box-shadow:0 26px 60px rgba(11,27,58,.14)}
.wtq-jr-ptop{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding-bottom:12px;border-bottom:1px solid #F0F3F8;margin-bottom:14px}
.wtq-jr-ptop b{font-size:.83rem;color:var(--jr-ink)}
.wtq-jr-ok{font-size:.62rem;font-weight:800;background:#E7F8F1;color:#0B815A;padding:4px 10px;border-radius:999px}
.wtq-jr-ptitle{font-size:.92rem;font-weight:700;text-align:center;color:var(--jr-ink);margin:4px 0 16px}
.wtq-jr-ln{display:block;height:5px;border-radius:3px;background:#EAEEF4;margin-bottom:7px}
.wtq-jr-sigs{display:flex;gap:14px;margin-top:18px}
.wtq-jr-sigs>div{flex:1}
.wtq-jr-cap{display:block;font-size:.62rem;color:#64748B;margin-bottom:4px}
.wtq-jr-sigline{display:block;border-bottom:1px solid #CBD5E1;height:38px;position:relative}
.wtq-jr-sigline svg{position:absolute;inset-inline-start:4px;bottom:1px;width:98px;height:34px}
.wtq-jr-stamp{display:flex;align-items:center;gap:9px;margin-top:16px;background:#F3F8FF;
  border:1px solid #DEE9FF;border-radius:11px;padding:10px 12px}
.wtq-jr-stamp b{display:block;font-size:.68rem;color:#1D4ED8}
.wtq-jr-stamp em{display:block;font-style:normal;font-size:.62rem;color:#7A8699;margin-top:2px}

/* المحطّة */
.wtq-jr-stop{position:absolute;top:var(--top);width:244px}
.wtq-jr-card{background:#fff;border:1px solid var(--jr-line);border-radius:14px;padding:15px 16px;
  box-shadow:0 6px 18px rgba(11,27,58,.06);transition:box-shadow .2s,border-color .2s}
.wtq-jr-stop:hover .wtq-jr-card{border-color:#C7D9FA;box-shadow:0 12px 26px rgba(37,99,235,.14)}
.wtq-jr-ch{display:flex;align-items:center;gap:9px;margin-bottom:6px}
.wtq-jr-n{flex:0 0 auto;width:25px;height:25px;border-radius:8px;background:var(--jr-blue);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:800}
.wtq-jr-ch b{font-size:.95rem;font-weight:700;color:var(--jr-ink)}
.wtq-jr-stop p{margin:0;font-size:.8rem;line-height:1.72;color:var(--jr-mut)}
.wtq-jr-wire{position:absolute;top:27px;height:1.5px;
  background:repeating-linear-gradient(90deg,#9FC0FF 0 5px,transparent 5px 10px)}
.wtq-jr-wire::after{content:"";position:absolute;top:-3.5px;width:8px;height:8px;border-radius:50%;
  background:var(--jr-blue);box-shadow:0 0 0 4px rgba(37,99,235,.16)}
.wtq-jr-stop.R{inset-inline-end:0}
.wtq-jr-stop.R .wire,.wtq-jr-stop.R .wtq-jr-wire{inset-inline-start:-100px;width:100px}
.wtq-jr-stop.R .wtq-jr-wire::after{inset-inline-start:-4px}
.wtq-jr-stop.L{inset-inline-start:0}
.wtq-jr-stop.L .wtq-jr-wire{inset-inline-end:-100px;width:100px}
.wtq-jr-stop.L .wtq-jr-wire::after{inset-inline-end:-4px}

.wtq-jr-cta{display:flex;gap:12px;justify-content:center;margin-top:clamp(30px,4vw,46px);flex-wrap:wrap}
.wtq-jr-cta a{display:inline-flex;align-items:center;border-radius:999px;padding:13px 28px;
  font-size:.92rem;font-weight:700;text-decoration:none;transition:.18s}
.wtq-jr-b1{background:var(--jr-blue);color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.28)}
.wtq-jr-b1:hover{filter:brightness(1.07);transform:translateY(-1px)}
.wtq-jr-b2{background:#fff;color:var(--jr-ink);border:1px solid var(--jr-line)}
.wtq-jr-b2:hover{border-color:#C7D9FA;color:#1D4ED8}

/* ═ الشاشات المتوسطة: نضيّق الأعمدة قبل ما نكسر التخطيط ═ */
@media(max-width:1080px){
  .wtq-jr-stop{width:210px}
  .wtq-jr-stop.R .wtq-jr-wire,.wtq-jr-stop.L .wtq-jr-wire{width:62px}
  .wtq-jr-stop.R .wtq-jr-wire{inset-inline-start:-62px}
  .wtq-jr-stop.L .wtq-jr-wire{inset-inline-end:-62px}
}
/* ═ الموبايل: الوثيقة فوق والمحطّات قائمة تحتها ═ */
@media(max-width:860px){
  .wtq-jr-stage{height:auto;display:flex;flex-direction:column;gap:14px}
  .wtq-jr-paper{position:static;transform:none;width:100%;margin:0 auto 8px}
  .wtq-jr-stop{position:static;width:100%}
  .wtq-jr-wire{display:none}
}