/* ============================================================
   دليل المعلومات — v1_61.1
   إعادة ضبط كاملة للإيقاع والمكوّنات، مقيّدة بـ body[data-guide]
   حتى لا تمسّ أي صفحة أخرى في الموقع. خصائص منطقية بالكامل
   (inline-start/end) لتصح في RTL العربية وLTR الألمانية والإنجليزية.
   ============================================================ */
:root{--g-ok:#1e7a3c;--g-ok-bg:#eef8f0;--g-due:#8a6100;--g-due-bg:#fdf6e3;
  --g-tri:linear-gradient(to right,#1b1b1b 0 33.4%,#d40e14 33.4% 66.7%,#ffcc00 66.7% 100%)}

/* ── الإيقاع العام: مسافات مضغوطة بين أقسام الدليل ── */
body[data-guide] .section{padding:1.5rem 0}
body[data-guide] .guide-intro{padding:2.3rem 0 .7rem}
body[data-guide] main>section:last-child{padding-bottom:2.8rem}
body[data-guide] .faq-service-grid{gap:14px}

/* ── ترويسة الصفحة ── */
.guide-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .85rem;
  padding:.3rem .95rem;border:1px solid rgba(244,184,43,.35);border-radius:999px;
  background:#fff7ed;color:#7a5a00;font-weight:800;font-size:.79rem;letter-spacing:.02em}
.guide-eyebrow a{text-decoration:none;color:inherit}
body[data-guide] h1{position:relative;font-family:var(--disp,'Changa','Cairo',sans-serif);
  color:var(--navy,#062b5f);font-size:clamp(1.6rem,3.6vw,2.35rem);font-weight:900;
  line-height:1.3;margin:0 0 .55rem;padding-bottom:.75rem}
body[data-guide] h1::after{content:"";position:absolute;bottom:0;inset-inline-start:0;
  width:64px;height:4px;border-radius:99px;background:var(--g-tri)}
.guide-lead{max-width:70ch;margin:0;color:var(--muted,#64748b);line-height:1.9;font-weight:600}

/* ── عناوين الأقسام الداخلية ── */
.guide-h2{display:flex;align-items:center;gap:12px;margin:0 0 .9rem;
  font-family:var(--disp,'Changa','Cairo',sans-serif);font-weight:800;
  font-size:clamp(1.22rem,2.2vw,1.45rem);color:var(--navy,#062b5f)}
.guide-stage-dot{width:14px;height:14px;border-radius:50%;background:var(--gold,#f4b82b);
  box-shadow:0 0 0 4px rgba(244,184,43,.22);flex:0 0 auto}

/* ── بطاقات المسارات الخمس (الصفحة الرئيسية للدليل): صف واحد مضغوط ── */
.guide-tracks{grid-template-columns:repeat(5,minmax(0,1fr))}
.guide-track-card .faq-card-media{height:92px}
.guide-track-card .faq-card-icon{width:36px;height:36px;font-size:18px;border-radius:12px;
  right:10px;bottom:10px}
.guide-track-card .faq-card-body{padding:12px 13px 13px}
.guide-track-card .faq-card-kicker{margin-bottom:2px;font-size:11px}
.guide-track-card .faq-card-body h2{font-size:1.03rem;line-height:1.35;margin:0 0 10px}
.guide-track-card .faq-card-link{min-height:36px;font-size:.82rem;border-radius:11px;padding:0 12px}

/* ── صفحات المسار: سكة المراحل — خط ذهبي متقطع يربط النقاط ── */
body[data-guide] .guide-stage{padding:0 0 1.55rem}
.guide-stage .container{position:relative}
.guide-stage .container::before{content:"";position:absolute;top:24px;bottom:-1rem;
  inset-inline-start:6px;width:0;border-inline-start:2px dashed rgba(244,184,43,.5)}
.guide-stage:last-of-type .container::before{bottom:14px}
.guide-stage .faq-service-grid{margin-inline-start:27px}
.guide-stage .faq-card-kicker{display:none} /* يكرر عنوان المرحلة فوقه */

/* ── بطاقة المقال المضغوطة ── */
.guide-card .faq-card-media{height:146px}
.guide-card .faq-card-body{padding:14px 15px}
.guide-card .faq-card-kicker{font-size:11px;margin-bottom:4px}
.guide-card .faq-card-body h2{font-size:1.02rem;line-height:1.5;margin:0 0 6px}
.guide-card .faq-card-body p{font-size:.85rem;line-height:1.7;margin:0 0 10px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.guide-card .faq-card-link{min-height:38px;font-size:.84rem;border-radius:11px}
.guide-card-meta{display:flex;gap:8px 10px;flex-wrap:wrap;align-items:center;
  font-size:.74rem;color:var(--muted,#64748b);margin:0 0 .6rem}
.guide-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;
  padding:2px 9px;font-size:.71rem;font-weight:800;white-space:nowrap}
.guide-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.guide-badge.is-ok{background:var(--g-ok-bg);color:var(--g-ok)}
.guide-badge.is-due{background:var(--g-due-bg);color:var(--g-due)}
.guide-media-plain{display:grid;place-items:center;min-height:120px;
  background:linear-gradient(135deg,rgba(6,43,95,.92),rgba(11,61,128,.92))}
.guide-media-plain .faq-card-icon{font-size:2rem}

/* ── صفحة المقال: عمود واحد متّسق ── */
body[data-guide="article"] .guide-article{padding:2.2rem 0 3rem}
.guide-article .container{max-width:860px}
.guide-article h1{font-size:clamp(1.5rem,3.2vw,2.15rem)}
.guide-cover{margin:1.25rem 0 1rem;border-radius:16px;overflow:hidden;max-width:100%;
  border:1px solid var(--line,#d8e4f4);box-shadow:0 10px 26px rgba(6,43,95,.09)}
.guide-cover .faq-card-media{position:relative;height:auto;aspect-ratio:5/2}
.guide-cover .faq-card-media::after{background:linear-gradient(180deg,rgba(6,43,95,0) 68%,rgba(6,43,95,.26))}
.guide-cover img{width:100%;height:100%;object-fit:cover;display:block}
.guide-byline{display:flex;align-items:center;gap:12px;margin:0 0 1.6rem;padding:10px 14px;
  background:#fff;border:1px solid var(--line,#d8e4f4);border-radius:14px;font-size:.88rem;
  max-width:100%;box-shadow:0 4px 14px rgba(6,43,95,.05)}
.guide-byline img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 auto;
  box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(244,184,43,.55)}
.guide-byline b{color:var(--navy,#062b5f)}

.guide-prose{max-width:100%;line-height:2;font-size:1rem}
.guide-prose>p{margin:.85em 0}
.guide-prose h2{position:relative;font-family:var(--disp,'Changa','Cairo',sans-serif);
  font-size:1.34rem;font-weight:800;color:var(--navy,#062b5f);margin:1.9rem 0 .6rem;
  padding-inline-start:15px}
.guide-prose h2::before{content:"";position:absolute;inset-inline-start:0;top:.26em;
  width:5px;height:1em;border-radius:6px;
  background:linear-gradient(180deg,var(--gold,#f4b82b),var(--orange,#f97316))}
.guide-prose h3{font-size:1.1rem;font-weight:800;color:var(--navy,#062b5f);margin:1.35rem 0 .4rem}

/* قوائم المقال: علامات مرسومة بالـCSS — تظهر على كل الأجهزة والخطوط */
.guide-prose>ul,.guide-prose>ol{list-style:none;padding:0;margin:.8em 0}
.guide-prose>ul>li{position:relative;padding-inline-start:22px;margin:.5em 0}
.guide-prose>ul>li::before{content:"";position:absolute;inset-inline-start:3px;top:.68em;
  width:8px;height:8px;border-radius:2.5px;transform:rotate(45deg);
  background:linear-gradient(135deg,var(--gold,#f4b82b),var(--orange,#f97316))}
.guide-prose>ol{counter-reset:gstep}
.guide-prose>ol>li{counter-increment:gstep;position:relative;padding-inline-start:40px;margin:.75em 0}
.guide-prose>ol>li::before{content:counter(gstep);position:absolute;inset-inline-start:0;top:.14em;
  width:27px;height:27px;border-radius:9px;display:grid;place-items:center;
  background:var(--sky,#eaf3ff);color:var(--blue,#0b55b7);font-weight:800;font-size:.85rem;
  box-shadow:inset 0 0 0 1px rgba(11,85,183,.18)}

/* ── صناديق المحتوى ── */
.guide-note,.guide-term,.guide-numbers,.guide-checklist{border-radius:14px;padding:15px 18px;
  margin:1.15rem 0;max-width:100%;background:#f8fbff;border:1px solid rgba(6,43,95,.1)}
.guide-note>b,.guide-numbers>b,.guide-checklist>b{display:block;
  font-family:var(--disp,'Changa','Cairo',sans-serif);color:var(--navy,#062b5f);
  font-size:1.02rem;margin:0 0 .3em}
.guide-note{border-inline-start:4px solid var(--navy,#062b5f)}
.guide-note.is-warn{border-inline-start-color:#a33b2e;background:#fdf0ee}
.guide-note.is-warn>b{color:#8a2d22}
.guide-note p,.guide-term p{margin:.3em 0 0;line-height:1.9}
.guide-term{border-inline-start:4px solid var(--gold,#f4b82b);background:#fffdf6}
.guide-term .de{display:inline-block;font-weight:800;font-size:1.08rem;color:var(--navy,#062b5f)}
.guide-term .say{opacity:.65;font-size:.85rem;margin-inline-start:10px}
.guide-numbers{border-inline-start:4px solid var(--gold,#f4b82b);background:#fffdf6}
.guide-numbers ul{list-style:none;padding:0;margin:.45em 0 0}
.guide-numbers li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  padding:8px 0;border-bottom:1px dashed rgba(6,43,95,.16)}
.guide-numbers li:last-child{border-bottom:0}
.guide-numbers li::before{content:none!important}
.guide-numbers li span{color:#3d4f66}
.guide-numbers strong{white-space:nowrap;color:var(--navy,#062b5f);background:#fff;
  border:1px solid rgba(244,184,43,.5);border-radius:999px;padding:2px 11px;font-size:.9rem;
  box-shadow:0 2px 8px rgba(6,43,95,.05)}
.guide-numbers .chk{display:inline-flex;align-items:center;gap:6px;margin-top:.8em;
  font-size:.8rem;font-weight:800;color:var(--blue,#0b55b7)}
.guide-checklist{border-inline-start:4px solid var(--g-ok);background:#f4faf6}
.guide-checklist ul{list-style:none;padding:0;margin:.45em 0 0}
.guide-checklist li{position:relative;padding:6px 0;padding-inline-start:30px;line-height:1.85}
.guide-checklist li::before{content:"";position:absolute;inset-inline-start:2px;top:.6em;
  width:15px;height:15px;border:2px solid var(--g-ok);border-radius:5px;background:#fff;
  box-sizing:border-box}
.guide-tablewrap{overflow-x:auto;margin:1.15rem 0;max-width:100%;
  border:1px solid var(--line,#d8e4f4);border-radius:14px}
.guide-tablewrap table{border-collapse:collapse;width:100%;font-size:.92rem;min-width:520px}
.guide-tablewrap th{background:var(--navy,#062b5f);color:#fff;padding:10px 12px;
  text-align:start;font-weight:800}
.guide-tablewrap td{border-top:1px solid rgba(6,43,95,.12);padding:9px 12px;vertical-align:top}
.guide-tablewrap tr:nth-child(even) td{background:#f8fbff}

/* ── المصادر والتنويه والعودة ── */
.guide-sources{margin:2rem 0 0;max-width:100%;background:#fff;border:1px solid var(--line,#d8e4f4);
  border-radius:16px;padding:16px 20px;box-shadow:0 6px 18px rgba(6,43,95,.05)}
.guide-sources h2{font-family:var(--disp,'Changa','Cairo',sans-serif);font-size:1.08rem;
  color:var(--navy,#062b5f);margin:0 0 .4em;display:flex;align-items:center;gap:8px}
.guide-sources h2::before{content:"";width:10px;height:10px;border-radius:3px;
  transform:rotate(45deg);background:var(--gold,#f4b82b);flex:0 0 auto}
.guide-sources ul{list-style:none;padding:0;margin:0}
.guide-sources li{padding:9px 0;border-bottom:1px solid rgba(6,43,95,.09)}
.guide-sources li:last-child{border-bottom:0}
.guide-sources a{font-weight:700;color:var(--blue,#0b55b7)}
.guide-sources a::after{content:"";display:inline-block;width:11px;height:11px;
  margin-inline-start:6px;vertical-align:-1px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7h-2V6.4l-9.3 9.3-1.4-1.4L17.6 5H14V3zM5 5h6v2H7v10h10v-4h2v6H5V5z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7h-2V6.4l-9.3 9.3-1.4-1.4L17.6 5H14V3zM5 5h6v2H7v10h10v-4h2v6H5V5z'/%3E%3C/svg%3E") center/contain no-repeat}
.guide-sources span{display:block;font-size:.76rem;color:var(--muted,#64748b);margin-top:2px}
.guide-legal{font-size:.8rem;color:var(--muted,#64748b);border-top:1px dashed rgba(6,43,95,.18);
  padding-top:1rem;margin:1.5rem 0 0;max-width:100%}
.guide-back{display:inline-flex;align-items:center;justify-content:center;min-height:42px;
  margin-top:.4rem;padding:0 18px;border-radius:12px;background:var(--sky,#eaf3ff);
  color:var(--blue,#0b55b7);font-weight:800;font-size:.9rem;text-decoration:none;
  transition:background .2s,color .2s}
.guide-empty{color:var(--muted,#64748b);border:1px dashed rgba(6,43,95,.2);border-radius:12px;
  padding:24px;text-align:center}

/* ── خانة الشريك: مخفية حتى وجود شريك، ومُعلَّمة دائمًا ── */
.guide-partner{border:1px dashed var(--gold,#f4b82b);border-radius:12px;padding:16px 20px;
  margin:1.3rem 0;background:#fffdf6;position:relative;max-width:100%}
.guide-partner::before{content:attr(data-label);position:absolute;inset-block-start:-10px;
  inset-inline-start:16px;background:var(--gold,#f4b82b);color:#3a2a00;font-size:.7rem;
  font-weight:800;border-radius:999px;padding:2px 10px}

/* ── شاشات متوسطة ── */
@media (max-width:1050px){
  .guide-tracks{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ── الموبايل ── */
@media (max-width:720px){
  body[data-guide] .section{padding:1.15rem 0}
  body[data-guide] .guide-intro{padding:1.7rem 0 .5rem}
  body[data-guide] .faq-service-grid{gap:12px}
  .guide-tracks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .guide-track-card .faq-card-media{height:78px}
  .guide-track-card .faq-card-body{padding:10px 11px 11px}
  .guide-track-card .faq-card-body h2{font-size:.94rem;margin-bottom:8px}
  .guide-track-card .faq-card-link{min-height:34px;font-size:.78rem}
  .guide-stage .faq-service-grid{margin-inline-start:22px}
  .guide-card .faq-card-media{height:132px}
  body[data-guide="article"] .guide-article{padding:1.7rem 0 2.4rem}
  .guide-cover .faq-card-media{aspect-ratio:16/9}
  .guide-prose{font-size:.97rem;line-height:1.95}
  .guide-note,.guide-term,.guide-numbers,.guide-checklist{padding:13px 14px}
  .guide-numbers li{flex-direction:column;align-items:flex-start;gap:4px}
  .guide-numbers strong{white-space:normal}
  .guide-byline{font-size:.82rem;padding:9px 12px}
  .guide-sources{padding:14px 14px}
}

/* ── التحويم: ضمن حماية اللمس المعتمدة في الموقع ── */
@media (hover:hover) and (pointer:fine){
  .guide-eyebrow a:hover{color:#5c4300}
  .guide-back:hover{background:var(--orange,#f97316);color:#fff}
  .guide-sources a:hover{color:#0a3d82}
  .guide-numbers .chk:hover{color:#0a3d82}
}

@media print{
  .guide-back,.guide-partner,.guide-cover{display:none!important}
  .guide-checklist{border:1px solid #000;break-inside:avoid}
  .guide-checklist li::before{border-color:#000}
}