/* ================================================================
   أرضية مقاس AL-Mohanad — حكم المالك 2026-09-18 بعد قياسٍ صريح
   ----------------------------------------------------------------
   القياس على canvas بالخطّين عند 19px المعلَنة نفسها:
     ارتفاع الحبر:            المهند 18px   · الكوفي 24.6px  ← 73%
     ارتفاع الحروف القصيرة:    المهند  8px   · الكوفي 15px    ← 53%   (وهو ما تقرأه العين)
     صندوق الخطّ:              المهند 27px   · الكوفي 36px
   فمعامل التعويض ≈ 1.35× ليُقرأ المهند بحجم الكوفي.
   **القاعدة المعلَنة (رُفعت 2026-09-18 بعد ثلاثة بلاغات من المالك على 16px):**
   `--text-floor:12px` وُضعت للمقاس المعلَن فتصحّ للكوفي (`--font-display`) ولا تصحّ لخطّ المتن.
   بالمعامل: 12px بالمهند ≈ 9px · **و16px ≈ 12px** — وهو ما استصغره المالك في ثلاثة مواضع مستقلّة.
   **فأرضية النثر بالمهند 19px** (≈14px كوفي)، و16px تبقى للميكرو غير المقروء نثرًا:
   الأرقام السطرية داخل جملة، وروابط السطر الدقيق، والتسميات التي لا تُقرأ سطرًا.
   ولم يُكبَّر السلّم كلّه بالمعامل: الصفحة زادت 13.5% بضبط طول السطر قبل يومين،
   والتكبير الشامل يزيدها نحو الربع — والسلّم مقفول في نظام التصميم. فالإصلاح في طرفه الأدنى وحده.
   ================================================================ */
/* الذهب موحَّد على var(--orbit-gold) (#C9A24D) — حكم المالك 2026-09-18: لون البرنامج علامةُ هوية،
   ولا يمنع استعمال الدرجة نفسها في الشهادات والنياشين. كان على الصفحة ثلاث درجات متقاربة:
   #E6C766 (إطارات بطاقات الشهود وأسماؤهم · 147 موضعًا) · #C9A227 (علامة الاقتباس والشعيرة · 12) · #C9A24D (شارة الاعتماد · 12).
   الصلب صار var(--orbit-gold) فيتبع النظام، والشفاف color-mix بنسبته. الرجعة: هذا التعليق + بحثٌ عن var(--orbit-gold). */
/* ================================================================
   رحلة التطوير — منهجية التنمية البشرية وتطوير الذات · JD-R01-20260915
   طبقة الصفحة وحدها. الأساس والرأس والتذييل والأزرار وبطاقات الفيديو
   من `homepage-merged.css` (طبقة الهيكل المشتركة) والرموز من `system/tokens.css`.
   لا لون ولا خط ولا شعار جديد · الحركة طبقة أولى (CSS/WAAPI) بلا مكتبات.
   الصرف الداكن ثلاثة: الهيرو · كتلة البيان (الفلسفة) · الاستثمار والختام.
   ================================================================ */

/* ---------- مفردات مشتركة على هذه الصفحة ---------- */
.jd-eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:var(--type-eyebrow-size);font-weight:var(--fw-medium);color:var(--text-annotation)}
.jd-eyebrow::before{content:"";width:34px;height:1px;background:var(--spot-hair);flex:none}
.jd-head{display:grid;gap:var(--space-2);max-width:62ch}
.jd-head-center{margin-inline:auto;justify-items:center;text-align:center}
.jd-head-center .jd-eyebrow::before{display:none}
.jd-meta{font-family:var(--font-display);font-size:var(--text-floor);color:var(--text-annotation)}
.jd-cert{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--orbit-gold);color:var(--orbit-gold-ink);border-radius:var(--radius-pill);padding:4px 12px;font-family:var(--font-display);font-size:var(--type-eyebrow-size);font-weight:var(--fw-medium)}
.jd-cert svg{color:currentColor;flex:none}

/* الإفصاح — شيفرون النظام 2px يدور 180° · يعمل بلا JavaScript */
.jd-det{border-top:1px solid var(--hair)}
.jd-det>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--tap-min);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-high);list-style:none}
.jd-det>summary::-webkit-details-marker{display:none}
.jd-det>summary::marker{content:""}
.jd-det .chev{width:8px;height:8px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;opacity:.6;transition:transform var(--dur-chip) var(--ease-out)}
.jd-det[open]>summary .chev{transform:rotate(-135deg);margin-top:4px;opacity:1}
.jd-det[open]>summary{color:var(--text-high)}
/* Impeccable §6 — الإغلاق بحركة كما في عقد النظام (`.acc` · components.css): تحسين تدريجي */
@supports (interpolate-size:allow-keywords){
  .jd-det{interpolate-size:allow-keywords}
  .jd-det::details-content{block-size:0;overflow-y:clip;transition:block-size var(--dur-card) var(--ease-out),content-visibility var(--dur-card) allow-discrete}
  .jd-det[open]::details-content{block-size:auto}
  @media (prefers-reduced-motion:reduce){.jd-det::details-content{transition:none}}
}
.jd-lessons{list-style:none;margin:6px 0 16px;padding:0;display:grid;gap:5px}
.jd-lessons li{display:flex;gap:10px;font-size:var(--text-base);line-height:var(--lh-snug);color:var(--text-low)}
.jd-lessons li::before{content:"";flex:none;width:5px;height:5px;margin-top:9px;border-radius:50%;background:var(--border-strong)}
.jd-ch{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-high);margin:14px 0 2px}
.jd-ch:first-of-type{margin-top:8px}
.jd-pending{font-family:var(--font-display);font-size:var(--text-floor);color:var(--text-annotation);border:1px dashed var(--border-strong);border-radius:var(--radius-card);padding:10px 14px;margin-top:8px;max-width:68ch;text-wrap:pretty}

/* ================================================================
   jd-s1 · الهيرو — الوعد والقرار (صرف داكن 1)
   ================================================================ */
.jd-hero{position:relative;overflow:clip;padding-block:clamp(40px,5.5vw,80px) clamp(52px,7vw,104px)}
.jd-hero-bg{position:absolute;inset:-7% 0;width:100%;height:114%;object-fit:cover;object-position:50% 26%;z-index:0;transform:translate3d(0,var(--py,0px),0)}
.jd-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(to left,rgba(0,0,0,.95) 0%,rgba(0,0,0,.86) 46%,rgba(0,0,0,.52) 100%),linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.25) 72%)}
.jd-hero>.wrap{position:relative;z-index:2}
/* تتابع مركزي: عنوان → سطر → فيديو في المنتصف → بطاقة العرض → زر (حكم المالك 2026-09-16) */
.jd-hero-stack{display:grid;justify-items:center;text-align:center;max-width:960px;margin-inline:auto}
.jd-hero-stack .jd-eyebrow{justify-content:center}
.jd-hero-stack .jd-eyebrow::before{display:none}
.jd-hero h1{display:grid;gap:10px;font-size:clamp(44px,5.6vw,88px);line-height:1.08;max-width:22ch;margin-top:14px;text-wrap:balance}
.jd-h1-sub{display:block;font-size:clamp(20px,1.9vw,32px);font-weight:var(--fw-semibold);line-height:1.3;color:var(--text-low)}
.jd-lede{margin-top:var(--space-2);font-family:var(--font-display);font-weight:var(--fw-medium);font-size:clamp(17px,1.25vw,21px);line-height:var(--lh-snug);color:var(--text-low);max-width:44ch;text-wrap:balance}
.jd-hero-media{display:grid;gap:10px;width:100%;max-width:880px;margin-top:var(--space-4)}
.jd-hero-media .vcard{margin:0}
.jd-hero-media .vcard-open{border:1px solid var(--border);border-radius:var(--radius-xl)}
.jd-trust{font-family:var(--font-display);font-size:var(--text-floor);color:var(--text-annotation);text-align:center}
.jd-offer{margin-top:var(--space-4);width:100%;max-width:720px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:center;text-align:start;padding:clamp(16px,1.8vw,24px) clamp(18px,2vw,28px);border:1px solid var(--border);border-radius:var(--radius-xl);background:rgba(0,0,0,.5);box-shadow:var(--shadow-card)}
.jd-offer-main{display:grid;gap:4px}
.jd-offer-kick{font-family:var(--font-display);font-size:var(--text-floor);font-weight:var(--fw-medium);color:var(--text-annotation)}
.jd-offer-main b{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(20px,1.8vw,30px);line-height:1.2;color:var(--text-high)}
.jd-offer-sub{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-low)}
.jd-pricetag{display:grid;gap:4px;justify-items:end;text-align:end}
.jd-pricetag b{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(34px,3.4vw,54px);line-height:1;color:var(--text-high)}
.jd-pricetag span{font-family:var(--font-display);font-size:var(--text-floor);color:var(--text-annotation)}
.jd-pricetag s{text-decoration-thickness:1px}
.jd-hero-q{margin:var(--space-4) 0 0;font-size:clamp(17px,1.2vw,21px);line-height:var(--lh-snug);color:var(--text-low);max-width:56ch;text-wrap:pretty}
.jd-buybar{display:grid;justify-items:center;gap:var(--space-2);margin-top:var(--space-3)}
.jd-buybar .btn{min-width:min(100%,360px)}
.jd-micro{margin-top:12px;font-family:var(--font-display);font-size:var(--text-floor);color:var(--text-annotation)}

/* jd-s1-ب · برهان مبكّر — شهادة واحدة بصورتها */
.jd-witness{padding-block:var(--space-4);background:var(--bg-band);border-bottom:1px solid var(--hair)}
.jd-wit{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2vw,28px);align-items:center;max-width:96ch}
.jd-wit img{width:clamp(88px,9vw,128px);height:clamp(88px,9vw,128px);border-radius:50%;object-fit:cover;object-position:50% 30%;border:1px solid var(--border)}
.jd-wit blockquote{margin:0;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:clamp(19px,1.6vw,26px);line-height:var(--lh-snug);color:var(--text-high);text-wrap:pretty}
.jd-wit footer{margin-top:10px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-family:var(--font-display);font-weight:var(--fw-regular);font-size:var(--text-sm)}
.jd-wit footer strong{font-weight:var(--fw-semibold);color:var(--text-high)}
.jd-wit footer span{color:var(--text-annotation);font-size:var(--text-floor)}

/* ================================================================
   jd-s2 · الطريق — لماذا منهجية لا دورات (فاتح)
   ================================================================ */
.jd-out-head{margin-top:var(--space-5)}
/* Impeccable §2 — العنوان المرقّى (تقرير التذوّق 2026-09-16) يجلس دون عنوان القسم درجةً */
.jd-out-head h2{font-size:clamp(30px,4.4vw,60px);line-height:1.2;max-width:26ch}
.jd-outcomes{list-style:none;counter-reset:jdout;margin:var(--space-3) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}
.jd-outcomes li{counter-increment:jdout;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:baseline;padding:clamp(14px,1.4vw,18px);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-card)}
.jd-outcomes li::before{content:counter(jdout,decimal-leading-zero);font-family:var(--font-display);font-weight:var(--fw-heading);font-size:var(--text-xl);line-height:1;color:var(--border-strong);direction:ltr}
.jd-outcomes b{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-high);display:block}
.jd-outcomes span{display:block;margin-top:4px;font-size:var(--text-base);line-height:var(--lh-snug);color:var(--text-low)}

.jd-shot-line{margin:clamp(20px,2.6vw,36px) auto 0;max-width:60ch;text-align:center;text-wrap:balance;font-family:var(--font-display);font-size:clamp(17px,1.5vw,22px);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--text-high)}
.jd-stations-shot{margin:clamp(14px,1.8vw,24px) auto 0;padding:0;display:grid;justify-items:center;width:100%;max-width:1100px}
.jd-stations-shot img{display:block;width:100%;height:auto;border-radius:var(--radius-card)}

/* دعوة وسط الصفحة — صيغة مختلفة بحسب الموضع (المعجم §12) */
.jd-midcta{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}
.jd-midcta p{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:clamp(19px,1.5vw,24px);line-height:var(--lh-snug);color:var(--text-high);max-width:44ch;text-wrap:balance}
/* توسيط العنوان في منتصف الصفحة (حكم المالك 2026-09-16): العمود متمركز والعنوان متمركز، والنثر يبقى من اليمين */
.jd-path-flow{display:grid;gap:var(--space-3);max-width:76ch;margin-inline:auto}
.jd-path h2{font-size:clamp(34px,4.4vw,60px);max-width:28ch;margin-inline:auto;text-align:center;text-wrap:balance}
.jd-path-side{display:grid;gap:var(--space-2)}
.jd-path-side p{color:var(--text-low);max-width:66ch;text-wrap:pretty}
.jd-path-side p strong{color:var(--text-high);font-weight:var(--fw-semibold)}
.jd-totals{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);border-top:1px solid var(--border);padding-top:var(--space-3)}
.jd-totals b{display:block;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(28px,2.6vw,44px);line-height:1.05;color:var(--text-stat)}
.jd-totals span{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-low)}

/* ================================================================
   jd-s3 · المحطات الثماني (فاتح · حزام)
   ================================================================ */
/* حكم المالك 2026-09-16: العنوان سطرًا واحدًا (برفع سقف 18ch لا بـ nowrap تفادّيًا للفيض) وهامش أعلى أقصر */
#stations{padding-top:clamp(26px,3vw,46px)}
#stations .jd-head{gap:10px}
#stations .sec-h2{max-width:26ch}
.jd-stations{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.jd-st{position:relative;display:grid;gap:var(--space-2);padding:clamp(16px,1.7vw,24px);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:box-shadow var(--dur-card) var(--ease-out),border-color var(--dur-card) var(--ease-out)}
.jd-st-slot{position:relative}
.jd-val{position:absolute;z-index:3;top:12px;inset-inline-start:12px;background:var(--fill);color:var(--on-fill);border-radius:var(--radius-pill);padding:5px 14px;font-family:var(--font-display);font-size:var(--text-floor);font-weight:var(--fw-semibold)}
.jd-st-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}
/* أيقونة الدورة بدل اسمها المكتوب — حكم المالك 2026-09-16؛ الاسم في alt وفي h3 مخفيّ بصريًا */
.jd-st-head-icon{display:block;margin:0;padding:0}
.jd-st-icon{display:block;width:100%;max-width:none;height:auto;margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.jd-st-cover{width:clamp(72px,7vw,104px);height:clamp(72px,7vw,104px);object-fit:cover;border-radius:var(--radius-card);border:1px solid var(--border-subtle);flex:none}
.jd-st-n{display:block;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(22px,1.8vw,30px);line-height:1;color:var(--border-strong);padding-top:6px}
.jd-st h3{font-size:var(--text-lg)}
.jd-st-sub{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-low);margin-top:4px}
.jd-st-q{font-size:var(--text-base);line-height:var(--lh-snug);color:var(--text-low);text-wrap:pretty}
.jd-st-eff{font-size:var(--text-base);line-height:var(--lh-snug);color:var(--text-high);border-top:1px solid var(--hair);padding-top:12px;text-wrap:pretty}
.jd-st-eff b{font-family:var(--font-display);font-size:var(--text-floor);font-weight:var(--fw-semibold);color:var(--text-annotation);display:block;margin-bottom:4px}
.jd-st-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.jd-st-row .jd-meta{display:inline-flex;gap:8px;flex-wrap:wrap}
.jd-st-go{margin-top:2px}
.jd-stations .vcard-open img,.jd-hero-media .vcard-open img{aspect-ratio:16/9}
@media (hover:hover){.jd-st:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border)}}

/* ================================================================
   jd-s4 · الهدايا الثماني (فاتح)
   ================================================================ */
.jd-gifts-hero{margin:0 auto;padding:clamp(24px,3.4vw,48px) clamp(20px,3vw,48px);border-radius:var(--radius-card);background:var(--surface-card);border:1px solid var(--border-subtle);display:grid;justify-items:center;text-align:center;gap:clamp(10px,1.2vw,16px)}
.jd-gh-kick{display:flex;align-items:center;gap:14px;margin:0;font-family:var(--font-display);font-size:var(--type-eyebrow-size);font-weight:var(--fw-medium);color:var(--text-high)}
.jd-gh-kick::before,.jd-gh-kick::after{content:"";width:clamp(28px,5vw,64px);height:1px;background:#c42824}
.jd-gifts-hero h2{margin:0;max-width:26ch;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(30px,4.2vw,64px);line-height:1.1;color:var(--text-high);text-wrap:balance}
.jd-gifts-hero h2 em{font-style:normal;color:#a81f1b;background-image:linear-gradient(100deg,#a81f1b 0 38%,#e0463f 46%,#fff0ee 50%,#e0463f 54%,#a81f1b 62% 100%);background-size:280% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:jd-glint 3.6s var(--ease-out) infinite}
@keyframes jd-glint{0%,55%{background-position:100% 0}100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){
  .jd-gifts-hero h2 em{animation:none;background-image:none;-webkit-text-fill-color:#a81f1b}
}
.jd-gh-sub{margin:0;max-width:52ch;font-size:var(--text-base);line-height:var(--lh-snug);color:var(--text-low);text-wrap:pretty}
.jd-gifts{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.jd-gift{display:grid;gap:6px;align-content:start;padding:clamp(14px,1.4vw,20px);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-page);min-height:100%}
.jd-gift-shot{display:block;width:100%;height:auto;border-radius:var(--radius-card);border:1px solid var(--hair)}
.jd-gift-row{display:grid;gap:8px;justify-items:start;min-width:0}
.jd-gift-ico{display:block;width:100%;max-width:none;height:auto;border-radius:6px;border:1px solid var(--hair);justify-self:stretch}
.jd-gift-txt{display:grid;gap:2px;min-width:0}
.jd-gift b{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-high)}
.jd-gift span{font-family:var(--font-display);font-size:var(--text-floor);color:var(--text-annotation)}
.jd-gift-sub{margin:8px 0 0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--text-high)}
.jd-gift-line{margin:6px 0 0;font-size:var(--text-base);line-height:var(--lh-snug);color:var(--text-low);text-wrap:pretty}
/* أرضية المهند: كان var(--text-floor) = 12px ويُقرأ ≈9px (ثمانية مواضع) */
.jd-gift-desc{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--hair);font-size:var(--text-base);line-height:1.65;color:var(--text-annotation);text-wrap:pretty}
.jd-gifts-foot{margin-top:var(--space-3);display:grid;gap:8px;max-width:72ch}

/* ================================================================
   jd-s5 · كتلة البيان — الفلسفة (صرف داكن 2)
   ================================================================ */
.jd-say{position:relative;overflow:clip;padding-block:var(--section-y-peak);background-image:radial-gradient(70% 60% at 50% 0%,var(--spot-glow),transparent 72%)}
.jd-say-in{display:grid;gap:var(--space-4);max-width:96ch;margin-inline:auto;text-align:center;justify-items:center}
.jd-say blockquote{margin:0;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(26px,3.2vw,50px);line-height:1.35;color:var(--text-high);max-width:28ch;text-wrap:balance}
.jd-say p{color:var(--text-low);max-width:66ch;text-align:start;text-wrap:pretty}
.jd-say hr{width:64px;height:1px;border:0;background:var(--spot-hair);margin:0}

/* ================================================================
   jd-s6 · ما يفتحه الاشتراك + كيف تبدأ (فاتح)
   ================================================================ */
.jd-unlock{list-style:none;margin:var(--space-4) 0 0;padding:0;border-top:1px solid var(--border)}
.jd-un{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:clamp(14px,1.5vw,20px) 4px;border-bottom:1px solid var(--border)}
.jd-un-ic{width:38px;height:38px;flex:none;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--icon-ink)}
.jd-un-ic svg{color:currentColor}
.jd-un b{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-high);display:block}
.jd-un p{color:var(--text-low);font-size:var(--text-base);line-height:var(--lh-snug);margin-top:4px;max-width:60ch;text-wrap:pretty}
.jd-un q{color:var(--text-low);font-size:var(--text-base)}
/* حكم المالك 2026-09-18: «إزالة الإطار الذهبي وجعلها مثل بقية المزايا» — فالبطاقة صارت خانةً عادية:
   لا إطار ذهبي ولا نصف قطر ولا أرضية ولا حشو، وتأخذ شعيرة الرأس 2px كأخواتها في `.jd-trio li`.
   ويسقط بذلك شقُّ «شعيرة بطاقة الشهادة» من الحكم A المعدَّل في هذه الصفحة؛
   وشارة «بشهادة معتمدة» `.jd-cert` تبقى ذهبًا كما هي (وهي أصل الاستثناء).
   الرجعة: border 1px بـvar(--orbit-gold) + radius-xl + padding + surface-card. */
.jd-certcard{margin-top:var(--space-4);border:0;border-radius:0;padding:0;display:grid;gap:10px;background:none}
.jd-certcard .jd-nums-acc{font-family:var(--font-display);direction:ltr;unicode-bidi:isolate;font-size:var(--text-floor);color:var(--text-annotation);letter-spacing:var(--ls-latin-caps)}
/* حكم المالك 2026-09-18: شارة «بشهادة معتمدة» صارت عنوانًا كأخواتها الثلاث — الإطار الذهبي والقرص والأيقونة
   أُسقطت، والعنوان والنثر بمقاس الخانات المجاورة ولونها. **فلم يبقَ ذهبٌ في jd-s6 إطلاقًا**؛
   وشارة `.jd-cert` في بطاقات الدورات الثماني تبقى ذهبًا كما هي (أصل الاستثناء في الحكم A).
   الرجعة: `<span class="jd-cert">` بأيقونتها + قاعدة `.jd-cert` في رأس الملف. */
.jd-certcard>b{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-high)}
.jd-certcard>.desc{color:var(--text-low);font-size:19px;line-height:var(--lh-snug);max-width:46ch;text-wrap:pretty}
.jd-trio{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.jd-trio li{display:grid;gap:8px;align-content:start;padding-top:var(--space-2);border-top:2px solid var(--border-strong)}
/* صور الثلاثية وبطاقة الشهادة (إدراج المالك 2026-09-16) — المساحة محجوزة بـ aspect-ratio فلا قفزة تخطيط */
/* حكم المالك 2026-09-18: لا قصّ. كان aspect-ratio:3/2 + object-fit:cover والصورة الأولى 16:9 (2730×1536)
   فقُصّت جانبيًّا وذهب طرف كلمة «أكاديمية». الآن كلّ صورة بنسبتها الأصلية (height:auto)، والحجز ضد قفزة
   التخطيط يأتي من سمتَي width/height على الوسم نفسه — لا من نسبة مفروضة. */
.jd-trio-img{display:block;width:100%;height:auto;border-radius:var(--radius-card);border:1px solid var(--border-subtle);background:var(--bg-component);margin-bottom:4px}
.jd-cert-img{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:var(--radius-card);border:1px solid var(--hair);background:var(--bg-band)}
/* شبكة المزايا الأربع — سطران في عمودين، الشهادة أول خانة (حكم المالك 2026-09-16) */
.jd-quad{grid-template-columns:repeat(2,minmax(0,1fr))}
/* الخانة تستعيد شعيرة الرأس وحشوها كأخواتها (كان الصندوق يُغني عنهما) */
.jd-cert-cell{}
.jd-quad .jd-certcard{margin-top:0;height:100%;align-content:start}
/* تسوية مقاسات الأربع — بلاغ المالك 2026-09-18 «مقاس الصورة أكبر من بقية الصور».
   المقيس: العرض 620px للأربع، والارتفاعات 413 (الشهادة) · **350** · 414 · 414 —
   فالشهادة تساوي اثنتين، **والشاذّة هي الثانية** لأن أصلها 16:9 والبواقي 3:2، وهو أثرُ
   إلغاء القصّ الذي أمر به المالك في اليوم نفسه («كلمة أكاديمية مقصوصة»).
   فالتسوية بصندوقٍ واحد 3:2 للأربع مع `object-fit:contain` — **مقاسٌ واحد بلا قصّ**:
   الصورة 16:9 تُظهر شريطين ماتّين أعلى وأسفل بلون `--bg-band` بدل أن تُقتصّ من جانبيها. */
/* لون المتّ بدرجة حواف الصور الداكنة — حكم المالك 2026-09-18، والقيمة **مقيسة** بأخذ عيّنة
   من حواف الأربع على canvas: #1E1E21 · #0F100F/#171412 (وهي المُشرَّطة) · #131313 · #0E0E0D.
   فـ#131313 يطابق إحداها تمامًا ويقع بين أعلى المُشرَّطة وأسفلها — فيختفي الشريطان في الصورة. */
.jd-quad .jd-trio-img,.jd-quad .jd-cert-img{aspect-ratio:3/2;height:auto;object-fit:contain;
  background:#131313;border:1px solid var(--border-subtle);border-radius:var(--radius-card)}
.jd-quad .jd-cert-img{aspect-ratio:3/2;max-height:none;object-fit:contain}
@media (max-width:900px){.jd-quad{grid-template-columns:minmax(0,1fr)}}
.jd-trio b{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold)}
.jd-trio .latin{font-family:var(--font-display);font-size:var(--text-floor);color:var(--text-annotation);letter-spacing:var(--ls-latin-caps)}
/* اللاتيني مدموجٌ داخل العنوان العربي (حكم المالك 2026-09-18) — سطرٌ واحد لا سطران.
   `dir="ltr"` على الوسم و`unicode-bidi:isolate` هنا: يحفظان ترتيب العبارة اللاتينية داخل نصّ RTL
   فلا تنزلق علامة & ولا تتبدّل الكلمات. وبوزنٍ عاديّ ومقاسٍ أصغر فيُقرأ لمعةً لا عنوانًا ثانيًا. */
.jd-trio b .latin{margin-inline-start:9px;font-weight:var(--fw-regular);unicode-bidi:isolate;white-space:nowrap}
.jd-trio p{color:var(--text-low);font-size:var(--text-base);line-height:var(--lh-snug);max-width:46ch;text-wrap:pretty}
.jd-steps{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);counter-reset:jdstep}
.jd-steps li{counter-increment:jdstep;display:grid;gap:8px;align-content:start;padding:clamp(16px,1.6vw,22px);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-page)}
.jd-steps li::before{content:counter(jdstep);font-family:var(--font-display);font-weight:var(--fw-heading);font-size:var(--text-lg);line-height:1;color:var(--border-strong)}
.jd-steps p{color:var(--text-low);font-size:var(--text-base);line-height:var(--lh-snug)}

/* ================================================================
   jd-s7 · هل هي لك؟ (فاتح · حزام)
   ================================================================ */
.jd-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:var(--space-4);align-items:start}
.jd-fit-p{display:grid;gap:var(--space-2);padding:clamp(18px,2vw,30px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-card)}
.jd-fit-p h3{font-size:var(--text-xl)}
.jd-fit-p p{color:var(--text-low);text-wrap:pretty}
.jd-fit-q{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.jd-fit-q li{font-size:var(--text-base);line-height:var(--lh-snug);color:var(--text-high);padding-inline-start:16px;border-inline-start:2px solid var(--border-strong)}
.jd-fit-links{display:grid;gap:10px}
.jd-note{margin-top:var(--space-3);padding:clamp(14px,1.5vw,20px);border:1px solid var(--border);border-radius:var(--radius-card);color:var(--text-low);font-size:var(--text-base);line-height:var(--lh-snug);max-width:86ch}

/* ================================================================
   jd-s8 · البرهان (فاتح)
   ================================================================ */
.jd-proof-lead{display:grid;gap:var(--space-2);max-width:68ch}
.jd-proof-lead blockquote{margin:0;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:clamp(20px,1.7vw,28px);line-height:var(--lh-snug);color:var(--text-high);text-wrap:balance}
.jd-nums{list-style:none;margin:var(--space-5) 0 0;padding:var(--space-4) 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.jd-nums b{display:block;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(30px,3.2vw,52px);line-height:1.05;color:var(--text-stat)}
.jd-nums span{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-low);line-height:var(--lh-snug);display:block;margin-top:6px;max-width:30ch}
.jd-endorse{margin-top:var(--space-5)}
.jd-endorse .ev-head h3{color:var(--text-high)}
.jd-endorse .vcard-cap strong{color:var(--text-high)}
.jd-endorse .vcard-cap span{color:var(--text-annotation)}

/* ================================================================
   jd-s9 · الأسئلة (فاتح)
   ================================================================ */
/* توسيط القسم في منتصف الصفحة (حكم المالك 2026-09-16): الرأس متمركز والعمود متمركز، ونصّ السؤال والجواب يبقى من اليمين ليقرأ سطرًا سطرًا */
#jd-s9 .jd-head{margin-inline:auto;justify-items:center;text-align:center}
#jd-s9 .jd-head .jd-eyebrow{justify-content:center}
#jd-s9 .jd-head .jd-eyebrow::before{display:none}
.jd-faq{margin:var(--space-4) auto 0;max-width:84ch;border-bottom:1px solid var(--hair)}
.jd-faq .jd-det>summary{font-size:var(--text-base);padding-block:6px}
.jd-faq .jd-det>div{padding-bottom:16px}
/* 19px بأرضية نثر المهند (كانت var(--text-base)=16 وتُقرأ ≈12px) — والقاعدة أخصّ من الأرضية العامة فتُصحَّح هنا */
.jd-faq .jd-det p{color:var(--text-low);font-size:19px;line-height:var(--lh-snug);max-width:46ch;text-wrap:pretty}
.jd-faq .jd-det p+p{margin-top:8px}

/* ================================================================
   jd-s10 · الاستثمار والختام (صرف داكن 3 · #purchase)
   ================================================================ */
.jd-buy{position:relative;overflow:clip;padding-block:var(--section-y-peak)}
.jd-buy-bg{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;object-position:50% 45%;z-index:0;transform:translate3d(0,var(--py,0px),0)}
.jd-buy-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(to left,rgba(0,0,0,.94),rgba(0,0,0,.8) 50%,rgba(0,0,0,.6)),linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.35) 70%)}
.jd-buy>.wrap{position:relative;z-index:2}
.jd-buy-grid{display:grid;justify-items:center;gap:clamp(24px,3vw,48px)}
.jd-buy-head{display:grid;justify-items:center;text-align:center;max-width:62ch}
.jd-buy-head .jd-eyebrow{justify-content:center}
.jd-buy-head .jd-eyebrow::before{display:none}
.jd-buy h2{font-size:var(--display-closing);max-width:22ch;text-wrap:balance}
.jd-buy-lede{margin-top:var(--space-3);color:var(--text-low);max-width:56ch;text-wrap:pretty}
.jd-buy-last{margin-top:var(--space-2);margin-inline:auto;text-align:center;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:clamp(19px,1.4vw,24px);line-height:var(--lh-snug);color:var(--text-high);max-width:40ch;text-wrap:balance}
.jd-buy-shot{margin:0;padding:0;width:100%;max-width:980px;justify-self:center;display:grid;justify-items:center}
.jd-buy-shot img{display:block;width:100%;height:auto}
.jd-card{width:100%;max-width:560px;justify-self:center;display:grid;gap:14px;padding:clamp(20px,2.2vw,32px);border:1px solid var(--border);border-radius:var(--radius-xl);background:rgba(0,0,0,.55);box-shadow:var(--shadow-card)}
.jd-card-top{display:grid;gap:6px;border-bottom:1px solid var(--hair);padding-bottom:14px}
.jd-card-was{font-size:var(--text-base);color:var(--text-annotation)}
.jd-card-was s{text-decoration-thickness:1px}
.jd-card-now{display:flex;align-items:baseline;gap:10px}
.jd-card-now b{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(40px,4vw,64px);line-height:1;color:var(--text-high)}
.jd-card-now span{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-low)}
.jd-card-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.jd-card-list li{display:flex;align-items:flex-start;gap:10px;font-size:var(--text-base);line-height:var(--lh-snug);color:var(--text-low)}
.jd-card-list svg{flex:none;margin-top:3px;color:#e0463f}
.jd-card .btn{justify-self:stretch}
/* زر الشراء بالأحمر المميز بحكم المالك 2026-09-16 (المرجع المرفق) — أبيض على #c42824 مقيس 5.4:1 */
.jd-card .btn-fill{background:#c42824;border-color:#c42824;color:#fff}
.jd-card .btn-fill:hover{background:#a81f1b;border-color:#a81f1b;color:#fff}
.jd-card .btn-fill:active{background:#8d1e1d;border-color:#8d1e1d}
/* زرّ الهيرو بالأحمر نفسه (حكم المالك 2026-09-16) — الدرجة والحالات متطابقة مع زرّ الاستثمار */
.jd-btn-red.btn-fill{background:#c42824;border-color:#c42824;color:#fff}
.jd-btn-red.btn-fill:hover{background:#a81f1b;border-color:#a81f1b;color:#fff}
.jd-btn-red.btn-fill:active{background:#8d1e1d;border-color:#8d1e1d}
.jd-card-fine{font-family:var(--font-display);font-size:var(--text-floor);color:var(--text-annotation);line-height:1.5}
.jd-card-alt{border-top:1px solid var(--hair);padding-top:14px}

/* ================================================================
   الجوال — عمود واحد وترتيب القراءة
   ================================================================ */
@media (max-width:1100px){
  .jd-stations{grid-template-columns:minmax(0,1fr)}
  .jd-gifts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .jd-buy-grid,.jd-fit{grid-template-columns:minmax(0,1fr)}
  .jd-trio,.jd-steps,.jd-nums,.jd-totals{grid-template-columns:minmax(0,1fr)}
  .jd-outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jd-trust{text-align:start}
  .jd-midcta{justify-content:flex-start}
  .jd-midcta .btn{width:100%}
  .jd-say-in{text-align:start;justify-items:start}
  .jd-nums li+li{border-top:1px solid var(--hair);padding-top:var(--space-3)}
  .jd-totals li+li{border-top:1px solid var(--hair);padding-top:var(--space-2)}
}
@media (max-width:560px){
  .jd-gifts,.jd-outcomes{grid-template-columns:minmax(0,1fr)}
  .jd-wit{grid-template-columns:minmax(0,1fr);justify-items:start}
  .jd-st-head{gap:10px}
  .jd-buybar .btn{width:100%}
  .jd-offer{grid-template-columns:minmax(0,1fr)}
  .jd-pricetag{justify-items:start;text-align:start}
}
@media (prefers-reduced-motion:reduce){
  .jd-hero-bg,.jd-buy-bg{transform:none}
  .jd-st,.jd-det .chev{transition:none}
}


/* ---------- ما تعمل عليه — العجلة السينمائية والسلّم الطولي (2026-09-17) ----------
   المرجع: شريحتا 87–88 في عرض The Leadership Challenge. ثلاث طبقات من صورة العجلة الملوّنة نفسها (أصل محلي 1600px):
   رمادية تدور · ملوّنة تدور خلف نافذة ضوء ثابتة 45° عند موضع المحطة 1 الطبيعي (قناع مخروطي على الحاوية لا على الصورة فلا يدور معها)
   · قلب الميدالية ثابت ملوّن دائمًا. الدوران CSS وحده: --i رقم المحطة النشطة (0…7) يضعه السكربت. */
.jd-scene{display:grid;gap:clamp(18px,2.4vw,30px);justify-items:center;margin-top:clamp(18px,2.6vw,34px)}
/* العجلة في منتصف الصفحة، وتحتها الزرّ، وتحتهما المحطات الثماني — لا عمودان.
   والمسار مشهدٌ مثبَّت: خانةٌ طويلة بمقدار المسير، وداخلها لوحٌ لاصق بارتفاع الشاشة يتوسّط العجلة فيه —
   فتقف العجلة في منتصف الشاشة ولا تتحرّك، والتمرير يجري في مسارها فيتقدّم التلوين. */
.jd-wheel-track{--travel:960px;position:relative;width:100%;height:calc(100svh + var(--travel));justify-self:stretch}
/* انحدار من شريط الملاحة (2026-09-18 · بلاغ المالك «الشريط يغطي على العجلة»):
   اللوح كان `top:0;height:100svh` فيتوسّط العجلة في الشاشة **كلّها**، والرأس (63px) والشريط اللاصق (60px)
   يشغلان 123px من أعلاها — فقُصّ أعلى العجلة. الآن يُزاح اللوح بمقدار الحاجب ويُنقص ارتفاعه به،
   فيتوسّط في **المساحة المرئية** لا في المنفذ. والمتغيّران يضبطهما `jd-subnav.js` لحظةً بلحظة
   (والرأس ينكمش بالتمرير فيتبعه)، والاحتياطان 79px و58px هما نفس ما تستعمله قاعدة الشريط. */
.jd-wheel-pin{--jd-chrome:calc(var(--jd-sub-top,79px) + var(--jd-sub-h,58px));
  position:sticky;top:var(--jd-chrome);height:calc(100svh - var(--jd-chrome));
  display:grid;place-items:center}
.jd-wheel{position:static;margin:0;padding:0;width:min(100%,880px);max-height:min(86svh,100%);aspect-ratio:1}
.jd-wheel .jw-svg{position:static;width:100%;aspect-ratio:1;height:auto}
.jd-ladder{width:100%}
/* السلّم */
.jd-ladder{position:relative;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-card);overflow:clip}
/* الشعيرة الباهتة حُذفت 2026-09-18 (حكم المالك): «المفترض ألا يكون الخط موجودًا من الأساس» —
   فلا مسار قبل التمرير، والشريط نفسه هو ما يُرسم. الرجعة: أعِد سطر `.jd-ladder::before` بـ`--hair`. */
.jd-step{position:relative;z-index:1;border-top:1px solid var(--border-subtle);transition:background var(--dur-card) var(--ease-out)}
.jd-step:first-child{border-top:0}
.jd-step[data-open]{background:color-mix(in oklch,var(--st,transparent) 9%,var(--surface-card))}
.jd-tab{position:relative;z-index:2;appearance:none;background:transparent;border:0;width:100%;min-height:var(--tap-min);padding:14px clamp(16px,2vw,26px);display:grid;grid-template-columns:38px minmax(0,1fr) 18px;grid-template-areas:"badge k chev" "badge n chev";align-items:center;column-gap:14px;row-gap:2px;text-align:start;cursor:pointer;font-family:var(--font-display);color:var(--text-low);transition:color var(--dur-chip) var(--ease-out)}
.jd-tab:hover{color:var(--text-high)}
.jd-badge{grid-area:badge;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface-card);border:2px solid var(--st,var(--border-strong));color:var(--st-ink,var(--text-high));font-size:var(--text-sm);font-weight:var(--fw-heading);transition:background var(--dur-card) var(--ease-out),color var(--dur-card) var(--ease-out)}
.jd-tab .k{grid-area:k;font-size:var(--text-floor);color:var(--text-annotation)}
.jd-tab .n{grid-area:n;font-size:clamp(17px,1.4vw,21px);font-weight:var(--fw-heading);line-height:1.25;color:var(--text-high);text-wrap:balance}
.jd-chev{grid-area:chev;width:10px;height:10px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);justify-self:end;transition:transform var(--dur-card) var(--ease-out);opacity:.55}
.jd-step[data-open] .jd-chev{transform:rotate(225deg) translateY(-2px)}
.jd-tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px}
.jd-step-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.22,1,.36,1)}
.jd-step[data-open] .jd-step-body{grid-template-rows:1fr}
.jd-step:not([data-open]) .jd-step-body{visibility:hidden}
.jd-panel{position:relative;min-height:0;overflow:clip;container-type:inline-size;opacity:0;transform:translateY(-6px);transition:opacity .45s var(--ease-out),transform .6s var(--ease-out),padding .5s var(--ease-out);padding:0 clamp(16px,2vw,26px) 0 calc(clamp(16px,2vw,26px) + 52px)}
html[dir="rtl"] .jd-panel,.jd-panel{padding-inline:calc(clamp(16px,2vw,26px) + 52px) clamp(16px,2vw,26px)}
.jd-step[data-open] .jd-panel{opacity:1;transform:none;padding-block:clamp(20px,2.4vw,34px) clamp(20px,2.2vw,30px)}
.jd-panel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-4px}
.jd-panel .jd-pkick{color:var(--st-ink,var(--text-annotation))}
/* هيرو المحطة (حكم المالك 2026-09-17): الصورة شريطٌ أعلى اللوح **بنسبة 16:9** فلا تُقصّ قصًّا عريضًا،
   يشمل الحاجب والمحاور معًا؛ بكامل ألوانها يسارًا، وحجابٌ من أرضية الدورة على الشقّ الأيمن حيث الحبر،
   وتلاشٍ أسفل الشريط فلا يقع حدٌّ حادّ. واسم المحطة لا يتكرّر: رأس الصفّ يحمله، وداخل اللوح يبقى لقارئ الشاشة وحده. */
/* الشريط عنصرٌ في السياق لا مطلقًا: `padding-top` بنسبة مئوية = نسبةٌ من **عرض** اللوح (56.25% = 16:9 بالضبط)،
   والحاجب يشاركه الخانة نفسها في شبكة اللوح فيتوسّط فيه — فلا وحدات حاوية تُسقَط ولا ارتفاع يُخمَّن.
   والمحاور والوحدات تنزل في صفوفٍ تاليةٍ تحت الشريط. */
.jd-panel{display:grid;grid-template-columns:minmax(0,1fr)}
.jd-panel::before{content:"";display:block;grid-area:1/1;pointer-events:none;
  padding-top:min(27%,295px);
  margin-inline:calc(-1 * (clamp(16px,2vw,26px) + 52px)) calc(-1 * clamp(16px,2vw,26px));
  margin-top:calc(-1 * clamp(20px,2.4vw,34px));
  --veil:color-mix(in srgb,color-mix(in oklch,var(--st,transparent) 13%,var(--surface-card)) 94%,transparent);
  background-image:var(--hero,url("https://cdn.shopify.com/s/files/1/0101/9684/4644/files/iStock_000008112974Large.jpg?v=1738607353"));
  background-size:cover;background-position:center 58%;background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 76%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0,#000 76%,transparent 100%)}
.jd-panel>*{position:relative;z-index:1}
/* عنوان الدورة متمركزٌ على الصورة بلا صندوق (حكم المالك 2026-09-17): أبيض لؤلؤي من سلّم النظام (`--fill-cta` = #fcfcfc)،
   وظلٌّ نصّي ناعم يرفعه عن الصورة بلا وشاحٍ ولا لوح — والصورة تبقى صافية. */
.jd-panel-head{grid-area:1/1;align-self:center;display:grid;justify-items:center;text-align:center;gap:8px;max-width:none;
  margin-inline:calc(-1 * (clamp(16px,2vw,26px) + 52px)) calc(-1 * clamp(16px,2vw,26px));
  padding-inline:clamp(16px,2vw,26px)}
.jd-panel-head>*{max-width:34ch;margin-inline:auto}
.jd-panel-head h3{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.jd-panel-lede{margin:0;font-size:var(--text-base);line-height:var(--lh-snug);color:var(--text-low);text-wrap:pretty}
/* المحاور أسفل الشريط لا فوقه: على أرضية اللوح بعرضه، مفصولةً عن الأعلى بشعيرة، وفوق الوحدات */
.jd-axes{list-style:none;counter-reset:jdax;margin:clamp(20px,2.4vw,32px) 0 0;padding-top:clamp(16px,1.8vw,22px);border-top:1px solid var(--hair);
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,30px);max-width:none}
.jd-axes li{counter-increment:jdax;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:baseline;padding-top:12px;border-top:1px solid color-mix(in oklch,var(--st,transparent) 45%,var(--hair))}
.jd-axes li::before{content:counter(jdax,decimal-leading-zero);grid-row:1/3;font-family:var(--font-display);font-size:var(--text-floor);color:var(--st-ink,var(--text-annotation));padding-top:3px}
.jd-axes b{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(16px,1.25vw,19px);line-height:1.25;color:var(--text-high)}
.jd-axes span{font-size:var(--text-base);line-height:var(--lh-snug);color:var(--text-low);text-wrap:pretty}
.jd-panel-foot{margin-top:clamp(14px,1.6vw,22px);padding-top:12px;border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.jd-panel-foot .jd-meta span{white-space:nowrap}
@media (prefers-reduced-motion:reduce){
  .jd-step-body,.jd-panel,.jd-chev{transition:none}
  /* تقليل الحركة: لا تثبيت ولا مسير — العجلة في مكانها بألوانها */
  .jd-wheel-track{height:auto}
  .jd-wheel-pin{position:static;height:auto}
}
@media (max-width:900px){
  /* الجوال: العجلة بعرض الشاشة كاملًا بلا هامش، والمسير أقصر */
  .jd-wheel-track{--travel:720px;margin-inline:calc(-1 * clamp(16px,2.5vw,48px));width:auto}
  /* الشريط ساكن تحت 900px فلا يحجب: الحاجب هو الرأس وحده */
  .jd-wheel-pin{--jd-chrome:var(--jd-sub-top,63px)}
  .jd-wheel{width:100%;min-width:0;max-width:none}
}
@media (max-width:1280px){
}
@media (max-width:900px){
  /* عمود واحد لا عمودان (حكم المالك 2026-09-17) */
  .jd-axes{grid-template-columns:minmax(0,1fr);gap:clamp(12px,3vw,18px)}
}
@media (max-width:640px){
}

/* عدّاد المجاميع — يعدّ مرة عند دخوله الشاشة (آلية النظام data-tick) ويبزغ معه العنوان */
.jd-totals li[data-reveal]{opacity:0;transform:translateY(10px);transition:opacity var(--dur-reveal,.6s) var(--ease-out),transform var(--dur-reveal,.6s) var(--ease-out)}
.jd-totals li[data-reveal].is-in{opacity:1;transform:none}
.jd-totals li:nth-child(2)[data-reveal]{transition-delay:.08s}
.jd-totals li:nth-child(3)[data-reveal]{transition-delay:.16s}
@media (prefers-reduced-motion:reduce){
  .jd-totals li[data-reveal]{opacity:1;transform:none;transition:none}
}


/* ================================================================
   jd-s8-أ/ب/ج · سيرة ومسيرة · عن المدرب · الشهادات العالمية
   مستوردة من عرض الوزارة «الفجر السعودي» بحكم المالك 2026-09-16:
   الأخضر صار صرفًا داكنًا، والبيج صار فاتحًا، والذهب صار شعيرة فضية
   (الحكم A قائم: لا ذهب في واجهة عامة).
   ================================================================ */
.jd-bio{padding-block:clamp(56px,7vw,110px)}
.jd-bio-head,.jd-endorse .jd-bio-head{display:grid;justify-items:center;text-align:center;gap:10px;max-width:56ch;margin:0 auto clamp(26px,3.4vw,46px)}
.jd-bio-head .jd-eyebrow{justify-content:center}
.jd-bio-head .jd-eyebrow::before{display:none}
.jd-bio-head .jd-eyebrow,.jd-about .jd-head-center .jd-eyebrow{white-space:nowrap}
.jd-bio-head h2{margin:0;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(28px,3.6vw,52px);line-height:1.25;color:var(--text-high);text-wrap:balance}
.jd-bio-head h2 em,.jd-about h2 em{font-style:normal;color:var(--text-low)}
.jd-lat{margin:0;font-family:var(--font-latin-serif,var(--font-display));font-size:var(--text-sm);letter-spacing:.08em;color:var(--text-annotation)}
.jd-bio-meta{margin:6px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-family:var(--font-display);font-size:var(--text-floor);color:var(--text-low)}
.jd-bio-frame{position:relative;max-width:1000px;margin:0 auto;padding:clamp(10px,1.2vw,16px);border:1px solid var(--hair)}
.jd-bio-frame::before,.jd-bio-frame::after{content:"";position:absolute;width:26px;height:26px;pointer-events:none}
.jd-bio-frame::before{top:-1px;right:-1px;border-top:1px solid var(--spot-hair);border-right:1px solid var(--spot-hair)}
.jd-bio-frame::after{bottom:-1px;left:-1px;border-bottom:1px solid var(--spot-hair);border-left:1px solid var(--spot-hair)}
.jd-bio-note{margin:clamp(16px,2vw,26px) auto 0;max-width:60ch;text-align:center;font-size:var(--text-base);color:var(--text-low)}

/* إطار الفيديو المستورد من عرض الوزارة — نسخة مطابقة (حكم المالك 2026-09-16).
   أصنافه خاصة به فلا ترثه أنماط بطاقات الفيديو المشتركة. الذهب هنا مفردة إخراج
   للشهادة العالمية: لا زرّ ولا عنوان — فالحكم A قائم. */
.jd-vfig{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0B0B0B;margin:0;border:1px solid rgba(22,22,22,.18)}
.jd-vfig .jd-vslot{position:absolute;inset:0;width:100%;height:100%;display:block;margin:0;padding:0;border:0;background:#0B0B0B;cursor:pointer;overflow:hidden;font-family:var(--font-display);text-align:center;color:#fff}
.jd-vfig .jd-vposter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.05);filter:brightness(.72) contrast(1.05) saturate(.85);transition:filter var(--dur-chip) var(--ease-out)}
.jd-vfig:hover .jd-vposter{filter:brightness(.82) contrast(1.05) saturate(.95)}
.jd-vfig .jd-vscrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 90% 80% at 50% 50%,transparent 0%,rgba(11,11,11,.45) 75%,rgba(11,11,11,.78) 100%),linear-gradient(180deg,rgba(11,11,11,.55) 0%,rgba(11,11,11,.12) 32%,rgba(11,11,11,.12) 66%,rgba(11,11,11,.78) 100%)}
.jd-vfig .jd-vfr,.jd-vfig .jd-vfr2{position:absolute;inset:16px;z-index:2;pointer-events:none}
.jd-vfig .jd-vfr{border:1px solid color-mix(in oklch,var(--orbit-gold) 32%,transparent)}
.jd-vfig .jd-vfr::before,.jd-vfig .jd-vfr::after,.jd-vfig .jd-vfr2::before,.jd-vfig .jd-vfr2::after{content:"";position:absolute;width:24px;height:24px}
.jd-vfig .jd-vfr::before{top:-2px;right:-2px;border-top:1px solid var(--orbit-gold);border-right:1px solid var(--orbit-gold)}
.jd-vfig .jd-vfr::after{top:-2px;left:-2px;border-top:1px solid var(--orbit-gold);border-left:1px solid var(--orbit-gold)}
.jd-vfig .jd-vfr2::before{bottom:-2px;right:-2px;border-bottom:1px solid var(--orbit-gold);border-right:1px solid var(--orbit-gold)}
.jd-vfig .jd-vfr2::after{bottom:-2px;left:-2px;border-bottom:1px solid var(--orbit-gold);border-left:1px solid var(--orbit-gold)}
.jd-vfig .jd-vstack{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.8cqw,16px);padding:clamp(16px,4.5cqw,36px) clamp(12px,3.4cqw,26px) clamp(56px,16cqw,96px);pointer-events:none}
.jd-vfig .jd-vkick{max-width:94%;font-size:clamp(12px,2.4cqw,16px);font-weight:var(--fw-semibold);line-height:1.7;color:color-mix(in oklch,var(--orbit-gold) 92%,transparent)}
.jd-vfig .jd-vname{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(22px,8cqw,54px);line-height:1.12;color:var(--orbit-gold);text-shadow:0 8px 40px rgba(11,11,11,.65)}
.jd-vfig .jd-vname[lang="en"]{font-family:var(--font-latin-display,'Cinzel'),serif;font-weight:600;font-size:clamp(20px,6.6cqw,46px);letter-spacing:.05em;line-height:1.25} /* 2026-10-01 · المالك: اسم الشخصية المرموقة بالخط الفخم كما في The Leadership Challenge */
.jd-vfig .jd-vlat{font-family:'Cinzel','Noto Kufi Arabic',serif;font-weight:600;font-size:clamp(15px,4.4cqw,30px);letter-spacing:.14em;line-height:1.2;text-transform:uppercase;color:rgba(250,250,250,.95);text-shadow:0 6px 24px rgba(11,11,11,.6)}
.jd-vfig .jd-vplay{position:absolute;bottom:max(14%,40px);left:50%;transform:translateX(-50%);z-index:3;width:clamp(44px,11cqw,76px);aspect-ratio:1;border-radius:50%;background:rgba(11,11,11,.55);border:1px solid var(--orbit-gold);color:var(--orbit-gold);display:flex;align-items:center;justify-content:center;pointer-events:none}
.jd-vfig .jd-vplay svg{transform:translateX(2px)}
.jd-vfig .jd-vpulse{position:absolute;inset:-1px;border-radius:50%;border:1px solid color-mix(in oklch,var(--orbit-gold) 40%,transparent);animation:jd-facade-pulse 2.6s ease-out infinite}
.jd-vfig .jd-vpulse+.jd-vpulse{animation-delay:1.3s}
@keyframes jd-facade-pulse{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.55);opacity:0}}
@media (prefers-reduced-motion:reduce){.jd-vfig .jd-vpulse{animation:none;opacity:.45}}
.jd-vfig .jd-vcap{position:absolute;bottom:20px;inset-inline:24px;z-index:2;font-family:'Cormorant Garamond','Noto Kufi Arabic',serif;font-style:italic;font-weight:500;font-size:clamp(12px,2.8cqw,19px);letter-spacing:.04em;line-height:1.6;color:color-mix(in oklch,var(--orbit-gold) 92%,transparent);pointer-events:none}
.jd-vfig .vcard-frame{position:absolute;inset:0;z-index:4;width:100%;height:100%;border:0}
.jd-vfig.is-playing .jd-vslot{display:none}
.jd-bio-frame .jd-vfig{container-type:inline-size}
.jd-endo .jd-vfig{container-type:inline-size}

/* عن المدرب */
.jd-about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(14px,1.8vw,20px);align-items:stretch;margin-top:clamp(20px,2.6vw,36px)}
.jd-about-portrait{position:relative;margin:0;overflow:clip;border:1px solid var(--border-subtle);border-radius:var(--radius-card);min-height:clamp(420px,46vw,560px)}  /* حكم المالك 2026-09-16: البورتريه يمينًا والأرقام يساره — أُسقط order:2 */
.jd-about-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.jd-about-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,11,11,.92) 4%,transparent 48%)}
.jd-about-portrait figcaption{z-index:2;position:absolute;inset-inline:20px;bottom:18px;display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--text-floor);line-height:1.8;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.jd-about-portrait figcaption::before{content:"";flex:none;width:30px;height:2px;background:#fff}
.jd-about-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(12px,1.4vw,14px)}
.jd-about-stats li{display:grid;align-content:center;gap:6px;text-align:center;padding:clamp(18px,2vw,26px) clamp(14px,1.6vw,22px);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);border-top:2px solid var(--border-strong)}
.jd-about-stats b{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(34px,4.2vw,46px);line-height:1.35;color:var(--text-stat)}
.jd-about-stats li[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.jd-about-stats li[data-reveal].is-in{opacity:1;transform:none}
.jd-about-stats li:nth-child(2)[data-reveal]{transition-delay:.08s}
.jd-about-stats li:nth-child(3)[data-reveal]{transition-delay:.16s}
.jd-about-stats li:nth-child(4)[data-reveal]{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){.jd-about-stats li[data-reveal]{opacity:1;transform:none;transition:none}}
.jd-about-stats span{font-family:var(--font-display);font-size:14px;line-height:2;color:var(--text-low)}
.jd-about-bio{margin:clamp(20px,2.4vw,36px) auto 0;max-width:72ch;display:grid;gap:14px;padding:clamp(20px,2.4vw,32px);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card)}
.jd-about-bio p{margin:0;font-family:var(--font-display);font-size:18px;line-height:2.25;color:var(--text-high);text-align:center;text-wrap:pretty}
.jd-about .sec-h2{white-space:normal;max-width:none}
/* UUPM horizontal-scroll + heading-line-balance — أُسقط `white-space:nowrap` فوق 1120px:
   مقيس 2026-09-16 أنه يدفع <em> خارج المنفذ 11px عند عرض داخلي 1425 (السطر أعرض من الحاوية). */
.jd-vfig-hero{border:1px solid var(--hair);container-type:inline-size}
/* زر التشغيل في منتصف إطار الهيرو وأكبر قليلًا (حكم المالك 2026-09-16) */
.jd-vfig-hero .jd-vplay{bottom:auto;top:50%;transform:translate(-50%,-50%);width:clamp(60px,13cqw,96px)}

/* الشهادات العالمية */
.jd-endorse{padding-block:clamp(56px,7vw,110px)}
.jd-endo-list{display:grid;gap:clamp(18px,2.4vw,30px)}
.jd-endo{position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(26px,4vw,52px);align-items:center;padding:clamp(26px,4.5vw,52px);background:#fff;border:1px solid rgba(22,22,22,.14)}
.jd-endo::before{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,transparent,var(--orbit-gold) 20%,var(--orbit-gold) 80%,transparent)}
.jd-endo::after{content:"";position:absolute;top:0;right:0;width:26px;height:26px;border-top:1.5px solid color-mix(in oklch,var(--orbit-gold) 75%,transparent);border-right:1.5px solid color-mix(in oklch,var(--orbit-gold) 75%,transparent);z-index:3}
.jd-endo>blockquote::after{content:"";position:absolute;bottom:0;left:0;width:26px;height:26px;border-bottom:1.5px solid color-mix(in oklch,var(--orbit-gold) 75%,transparent);border-left:1.5px solid color-mix(in oklch,var(--orbit-gold) 75%,transparent);z-index:3}
.jd-endo>blockquote{position:static}
.jd-endo blockquote{margin:0}
.jd-endo-mark{display:flex;align-items:center;gap:16px;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:56px;line-height:.55;color:var(--orbit-gold);margin-bottom:20px}
.jd-endo-mark::after{content:"";flex:1;max-width:110px;height:1px;background:linear-gradient(270deg,var(--orbit-gold),transparent)}
.jd-endo blockquote p{margin:0 0 20px;font-family:var(--font-display);font-size:clamp(17px,2vw,22px);line-height:1.95;color:#161616;text-wrap:pretty}
.jd-endo footer{display:grid;gap:3px}
.jd-endo footer strong{font-family:var(--font-display);font-size:16px;font-weight:var(--fw-semibold);color:#161616}
/* أرضية المهند: كان 13px ويُقرأ ≈9px (أربعة مواضع) */
.jd-endo footer span{font-size:19px;line-height:1.8;color:#555555;margin-top:6px}
.jd-endo footer .latin{font-family:var(--font-latin-display,'Cinzel'),'Noto Kufi Arabic',serif;font-size:15px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8a6d12;margin-top:3px} /* 2026-10-01 · المالك: الاسم مرة واحدة — هذا السطر الذهبي وحده (رُفع الاسم الأسود فوقه) */
.jd-endo .jd-vfig{border:1px solid rgba(0,0,0,.18);background:#0a0a0a}
.jd-endo-flip .jd-vfig{order:2}
.jd-endo-photo{margin:clamp(30px,4vw,56px) 0 0;padding:clamp(10px,1.2vw,16px);border:1px solid var(--hair)}
.jd-endo-photo img{display:block;width:100%;height:auto}
.jd-endo-photo figcaption{margin-top:14px;text-align:center;font-family:var(--font-display);font-size:var(--text-base);line-height:1.9;color:var(--text-low)}
@media (max-width:900px){
  .jd-about-grid{grid-template-columns:minmax(0,1fr)}
  .jd-endo-flip .jd-vfig{order:0}
}
@media (max-width:560px){
  .jd-about-stats{grid-template-columns:minmax(0,1fr)}
}

/* شريط أرقام الهيرو — رقمٌ يعدّ فوق سطر تعريفه، على نمط هيرو تحدي التحول */
.jd-hero-stats{list-style:none;margin:clamp(22px,3vw,40px) 0 0;padding:clamp(20px,2.4vw,32px) 0 0;width:100%;border-top:1px solid var(--hair);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,2vw,30px)}
.jd-hero-stats li{display:grid;justify-items:center;align-content:start;gap:10px;text-align:center}
.jd-hero-stats li::before{content:"";width:30px;height:2px;background:var(--spot-hair)}
/* المقاس رُفع بحكم المالك 2026-09-16: الرقم والسطر كانا أصغر من إيقاع الصفحة (12px تحت متن 19px) */
.jd-hero-stats b{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(42px,5vw,72px);line-height:1;color:var(--text-high)}
.jd-hero-stats li>span{font-family:var(--font-display);font-size:clamp(15px,1.2vw,18px);font-weight:var(--fw-medium);line-height:1.7;color:var(--text-low);max-width:20ch;text-wrap:pretty}
.jd-hero-stats li[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.jd-hero-stats li[data-reveal].is-in{opacity:1;transform:none}
.jd-hero-stats li:nth-child(2)[data-reveal]{transition-delay:.07s}
.jd-hero-stats li:nth-child(3)[data-reveal]{transition-delay:.14s}
.jd-hero-stats li:nth-child(4)[data-reveal]{transition-delay:.21s}
.jd-hero-stats li:nth-child(5)[data-reveal]{transition-delay:.28s}
@media (prefers-reduced-motion:reduce){.jd-hero-stats li[data-reveal]{opacity:1;transform:none;transition:none}}
@media (max-width:900px){.jd-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:clamp(18px,4vw,28px)}}
@media (max-width:560px){.jd-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ================================================================
   طبقة الحركة على مكتبة Motion — حاجب وميض المشهد الأول وحده (التفاصيل في site/assets/js/rf-motion.js).
   الصنف mo-pending يضعه سكربت الرأس ويُرفع إمّا بتسلّم الطبقة أو بحاجب 1.4s.
   ================================================================ */
html.mo-pending .jd-hero-stack>*{opacity:0}
@media (prefers-reduced-motion:reduce){html.mo-pending .jd-hero-stack>*{opacity:1}}

/* ================================================================
   أقواس الأركان — من عرض ماكدونالدز (.bracket-card) بشعيرة فضية لا ذهبية.
   إطار سينمائي يظهر عند التحويم مع الرفع بالنابض (طبقة Motion)، وأجهزة التحويم وحدها.
   ================================================================ */
@media (hover:hover){
  .jd-st,.jd-gift{position:relative}
  .jd-st::before,.jd-st::after,.jd-gift::before,.jd-gift::after{
    content:"";position:absolute;width:18px;height:18px;pointer-events:none;opacity:0;
    transition:opacity var(--dur-card,.4s) var(--ease-out)}
  .jd-st::before,.jd-gift::before{
    inset-block-start:9px;inset-inline-start:9px;
    border-top:1px solid var(--spot-hair);border-inline-start:1px solid var(--spot-hair)}
  .jd-st::after,.jd-gift::after{
    inset-block-end:9px;inset-inline-end:9px;
    border-bottom:1px solid var(--spot-hair);border-inline-end:1px solid var(--spot-hair)}
  .jd-st:hover::before,.jd-st:hover::after,.jd-gift:hover::before,.jd-gift:hover::after{opacity:1}
  @media (prefers-reduced-motion:reduce){
    .jd-st::before,.jd-st::after,.jd-gift::before,.jd-gift::after{transition:none}
  }
}

/* ================================================================
   شريط أرقام الهيرو — مشهد سينمائي (حكم المالك 2026-09-16)
   الانبثاق بنابض تتولّاه طبقة Motion على الـ li؛ وهنا طبقتان زخرفيتان مرّة واحدة لا حلقة:
   الشعيرة تتمدّد (نظير dsGrowX في عرض الوزارة) وهالة تتسع خلف الرقم ثم تخفت (نظير rf-halo).
   مسوّرتان بـ html[data-mo] — فإن غابت المكتبة بقي الشريط ساكنًا كاملًا بلا نقص.
   ================================================================ */
@keyframes jdHair{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes jdHalo{0%{opacity:0;transform:scale(.5)}35%{opacity:.8}100%{opacity:0;transform:scale(1.55)}}
html[data-mo] .jd-hero-stats li{position:relative}
html[data-mo] .jd-hero-stats li::before{animation:jdHair .8s var(--ease-out) both;animation-delay:var(--hd,0s)}
html[data-mo] .jd-hero-stats li::after{
  content:"";position:absolute;z-index:-1;inset-block-start:-14px;inset-inline-start:50%;
  width:170px;height:170px;margin-inline-start:-85px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,var(--spot-glow),transparent 68%);
  animation:jdHalo 1.6s var(--ease-out) both;animation-delay:var(--hd,0s)}
html[data-mo] .jd-hero-stats li:nth-child(2){--hd:.09s}
html[data-mo] .jd-hero-stats li:nth-child(3){--hd:.18s}
html[data-mo] .jd-hero-stats li:nth-child(4){--hd:.27s}
html[data-mo] .jd-hero-stats li:nth-child(5){--hd:.36s}
@media (prefers-reduced-motion:reduce){
  html[data-mo] .jd-hero-stats li::before,html[data-mo] .jd-hero-stats li::after{animation:none}
  html[data-mo] .jd-hero-stats li::after{display:none}
}

/* ================================================================
   شريط أرقام الهيرو — أناقة المرجع (لوح «The Research Foundation» في عرض ماكدونالدز · صورة المالك 2026-09-16):
   فواصل رأسية بين الأعمدة بدل الشعيرة القصيرة فوق كل رقم · حشو أوسع فتتنفّس الأعمدة ·
   السطر التعريفي أصغر ومتباعد الحروف وموزون الأسطر · شعيرة تُغلق الشريط أسفله كما تُفتتحه أعلاه.
   بهويتنا: الكوفي 700 والفضي — لا ذهب ولا سيريف لاتيني. الأرقام غربية.
   الفواصل تُرسم رأسيًّا تحت [data-mo] (نظير dsGrowY في عرض الوزارة)، والشعيرة القصيرة تعود على الجوال.
   ================================================================ */
.jd-hero-stats{
  padding-block:clamp(26px,3.2vw,44px);
  border-block-end:1px solid var(--hair);
  column-gap:0;row-gap:clamp(22px,3vw,34px);align-items:stretch}
.jd-hero-stats li{
  position:relative;gap:clamp(12px,1.3vw,18px);
  padding-inline:clamp(12px,1.9vw,32px);padding-block:clamp(2px,.5vw,8px)}
.jd-hero-stats b{font-size:clamp(40px,3.4vw,64px);line-height:.95;letter-spacing:-.015em}
.jd-hero-stats li>span{
  font-size:clamp(13px,1vw,15px);font-weight:var(--fw-medium);line-height:1.6;color:var(--text-low);
  max-width:17ch;text-wrap:balance}

/* الفاصل الرأسي — على كل عمود إلا الأول (الأيمن في RTL) */
@media (min-width:901px){
  .jd-hero-stats li::before{
    position:absolute;inset-block:clamp(2px,.5vw,8px) clamp(2px,.5vw,8px);inset-inline-start:0;
    width:1px;height:auto;background:var(--hair);transform-origin:top center}
  .jd-hero-stats li:first-child::before{display:none}
  html[data-mo] .jd-hero-stats li::before{animation:jdHairY 1s var(--ease-out) both;animation-delay:var(--hd,0s)}
}
@keyframes jdHairY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
/* الجوال: لا فواصل رأسية في شبكة تلتفّ — تعود الشعيرة القصيرة فوق الرقم */
@media (max-width:900px){
  .jd-hero-stats li::before{position:static;width:30px;height:2px;background:var(--spot-hair)}
  html[data-mo] .jd-hero-stats li::before{animation:jdHair .8s var(--ease-out) both;animation-delay:var(--hd,0s)}
}

/* الرقم نفسه يرث مقاس `b` — كان مُحدِّد السطر التعريفي (span) يصيب span.num داخل b فيرسمه 15px (عيب مقيس 2026-09-16) */
.jd-hero-stats b .num{font-size:inherit;line-height:inherit;letter-spacing:inherit}

/* ================================================================
   عيب مقيس 2026-09-16 — تكرّر خمس مرات في الصفحة: مُحدِّد سطرٍ تعريفي عام (`… span`) يصيب `span.num`
   الموجود **داخل** `<b>` فيُرسم الرقم بمقاس السطر لا بمقاس الرقم:
   السعر «999» كان 16px تحت `b` مقاسه 64px · أرقام «عن المدرب» 14px تحت 46px · رقم jd-s2 16px تحت 22px.
   القاعدة: الرقم داخل حاضن الأرقام يرث مقاسه دائمًا.
   ================================================================ */
b .num,b [data-tick],s .num{font-size:inherit;line-height:inherit;letter-spacing:inherit}

/* ================================================================
   شريط تقدّم القراءة — حكم المالك 2026-09-16 (يفتح ما كان مرفوعًا في §7 من تقرير التنصيب).
   نظير .scroll-progress في عرض ماكدونالدز: هناك ذهبي 3px، وهنا **فضي 2px** بهوية الموقع (الحكم A: لا ذهب في واجهة عامة).
   المسار شفاف فلا يضيف خطًّا ثابتًا فوق الرأس الداكن؛ والتمدّد من حافة البداية (يمينًا في RTL).
   ================================================================ */
/* z-index فوق الرأس (الرأس 300 · مقيس 2026-09-16: الشريط كان تحته فلا يُرى)؛ 3px فيقرأ على الأرضية الداكنة */
.rf-progress{position:fixed;inset-block-start:0;inset-inline:0;z-index:400;height:3px;pointer-events:none}
.rf-progress>i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;
  background:linear-gradient(to right,var(--border-strong),var(--text-high));
  box-shadow:0 0 12px rgba(255,255,255,.28)}
[dir=rtl] .rf-progress>i{transform-origin:right center;background:linear-gradient(to left,var(--border-strong),var(--text-high))}
@media (prefers-reduced-motion:reduce){.rf-progress{display:none}}
@media print{.rf-progress{display:none}}

/* ================================================================
   النسخة 2 · بطاقة المحطة — مستوردة من المشروع المرجعي «تحدي التجديد» كما هي:
   الملف: 01 صفحة الاشتراك - ثلاثية التحول الشخصي.dc.html · القسم «04 مسرح الدورات الثلاث» · بطاقة الليلة (article).
   المنقول بالتفصيل: بطاقة داكنة #0a0b0d بحدّ شعيرة ونصف قطر xl وحشو clamp(22px,2.8vw,40px) ·
   صبغة قطرية من أعلى اليسار على أرضية داكنة مصمتة (**نزيف اللوح خلف البطاقة أُزيل بحكم المالك — كان يشوّش القراءة**) ·
   شعيرة 2px أعلى الحدّ بين فراغين 26px · صفّ الشارتين space-between (الشارة المعبّأة + المعلومة الغليظة يمينًا · الاعتماد الذهبي يسارًا) ·
   لوح متمركز بعرض 640 وظلّ ساقط 0 30px 60px -40px · عمودان auto-fit minmax(320px)
   **بالنصّ أولًا في المصدر فيقع يمينًا في RTL والفيديو يسارًا** (كان معكوسًا) · سطر إشارة 12px ثم العنوان ثم الاقتباس ·
   ترقيم 01 02 03 بخطّ أحادي العرض · رفع الفيديو 4px عند التحويم.
   **لون لكل دورة (حكم المالك 2026-09-16):** كما في الأصل — `--course` سطريًّا على البطاقة و`--course-ink:oklch(from var(--course) .78 c h)`،
   والقيم **مقيسة من أيقونة كل دورة نفسها** (هيستوغرام تدرّج مرجَّح بالتشبّع على الصفحة الحيّة، مع استبعاد الأبيض والأسود والرمادي):
   **وحُدّت 2026-09-17 مع لوحة الثماني** (عجلة المالك المنشورة أصلٌ أعلى من القياس من الأيقونة): 01 #a0dc5b · 02 #eee266 · 03 #c42824 · 04 #fcb114 · 05 #9d081a · 06 #98bd66 · 07 #1d45a2 · 08 #8d1e1d.
   والقيم المقيسة من الأيقونات محفوظة للرجوع: 01 #99c961 · 02 #245e8b · 03 #bf1917 · 04 #8b601c · 05 #c2122c · 06 #78a341 · 07 #3d72e2 · 08 #a02b26.
   يأخذ اللون: شعيرة الحدّ · الصبغة القطرية · ظلّ اللوح · العنوان · أرقام الدروس · شارة المحطة · كتلة «المزيد عن الدورة» · حدّ الفيديو عند التحويم.
   والذهب يبقى لشارة الاعتماد وحدها (الحكم A).
   ================================================================ */
#stations{background:#000;color:var(--text-high)}
.jd-stations{grid-template-columns:minmax(0,1fr);gap:clamp(22px,2.6vw,38px);counter-reset:jdst}

.jd-st{counter-increment:jdst;position:relative;isolation:isolate;overflow:clip;
  background:#0a0b0d;border:1px solid var(--hair);border-radius:var(--radius-xl);
  padding:clamp(22px,2.8vw,40px);gap:clamp(16px,2vw,26px);box-shadow:none}
.jd-st-art{position:absolute;inset-inline:0;top:-14%;width:100%;height:128%;
  object-fit:cover;object-position:50% 46%;z-index:-2;filter:var(--fx-img-grade-deep)}
.jd-st{--course-ink:oklch(from var(--course,#8a8a8a) .78 c h)}
.jd-st-tint{position:absolute;inset:0;z-index:-1;
  background-image:radial-gradient(72% 56% at 88% 0%,color-mix(in oklch,var(--course) 32%,transparent),transparent 70%),
                   linear-gradient(0deg,rgba(8,9,11,.95),rgba(8,9,11,.88))}
.jd-st-edge{position:absolute;top:0;inset-inline:26px;height:2px;
  background:linear-gradient(to left,transparent,var(--course),transparent)}

/* صفّ الشارتين */
.jd-st-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.jd-st-pill::before{content:"المحطة " counter(jdst,decimal-leading-zero)}
.jd-st-pill{font-family:var(--font-display);font-size:12px;font-weight:var(--fw-heading);
  background:var(--course-ink);color:#101216;padding:5px 12px;border-radius:var(--radius-pill)}
.jd-st-top .jd-val{position:static;top:auto;inset-inline-start:auto;background:none;color:var(--text-high);
  padding:0;border-radius:0;font-size:var(--text-base);font-weight:var(--fw-heading)}
.jd-st-top .jd-cert{background:var(--orbit-gold);color:var(--on-orbit-gold);border-color:transparent;
  font-weight:var(--fw-heading);margin-inline-start:auto}

/* لوح الدورة متمركزًا بظلّ ساقط.
   تصحيح 2026-09-16: أيقونات الدورات PNG مفرَّغة، فحدُّ الصندوق ونصف قطره وظلّه كانوا يرسمون
   إطارًا داكنًا على الشفافية (سوادٌ في الأركان). الظلّ الآن drop-shadow يتبع حدود الرسم نفسه. */
.jd-st-head-icon{padding:0;background:none;border:0}
.jd-st-icon{max-width:min(640px,100%);margin-inline:auto;border:0;background:none;border-radius:0;
  box-shadow:none;filter:drop-shadow(0 22px 34px color-mix(in oklch,var(--course) 38%,transparent))}
@media (prefers-reduced-transparency:reduce){.jd-st-icon{filter:none}}

/* العمودان — النصّ يمينًا (أوّلًا في المصدر) والفيديو يسارًا */
.jd-st-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap:var(--space-4);align-items:start}
.jd-st-txt{display:grid;gap:14px;align-content:start}
.jd-st-ann{margin:0;font-family:var(--font-display);font-size:12px;line-height:1.6;color:var(--text-annotation);
  display:flex;flex-wrap:wrap;gap:8px}
.jd-st-t{margin:0;font-family:var(--font-display);font-weight:var(--fw-heading);
  font-size:clamp(18px,2vw,24px);line-height:1.3;color:var(--course-ink)}
.jd-st-txt .jd-st-eff{border-top:1px solid var(--hair);padding-top:12px}
.jd-st-slot .vcard{box-shadow:var(--shadow-media)}
@media (hover:hover){
  .jd-st-slot .vcard{transition:border-color 300ms var(--ease-out),transform 300ms var(--ease-out)}
  .jd-st-slot .vcard:hover{border-color:var(--course);transform:translateY(-4px)}
}

/* الفهرس — مرقّم 01 02 03 (نظير «محاور الليلة»)، ومدّة كل درس في عمودها فتتراصف الأرقام.
   عمودان على الشاشة الواسعة فلا يطول الفهرس الطويل، وشعيرة بلون الدورة تفصل الأسطر. */
.jd-lessons{counter-reset:jdlesson;margin:6px 0 0;gap:0 clamp(20px,2.4vw,40px);
  grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr))}
/* 19px بأرضية نثر المهند: أسماء الدروس 149 موضعًا وهي أكثف نصّ في الصفحة (كانت 16px تُقرأ ≈12px، ثم 18px مرحليًّا) */
.jd-lessons li{counter-increment:jdlesson;display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:baseline;font-size:19px;
  padding-block:8px;border-bottom:1px solid color-mix(in oklch,var(--course) 18%,transparent);
  color:var(--text-high)}
/* إبطال نقطة القائمة الأساسية (5×5px بخلفية ونصف قطر) وإلا حُصر الرقم في 5px — عيب مقيس */
.jd-lessons li::before{content:counter(jdlesson,decimal-leading-zero);
  width:auto;height:auto;margin-top:0;border-radius:0;background:none;
  font-family:var(--font-display);font-size:12px;font-weight:var(--fw-heading);
  color:var(--course-ink);direction:ltr;unicode-bidi:isolate}
.jd-ls-t{min-width:0;text-wrap:pretty}
.jd-ls-d{font-family:var(--font-display);font-size:12px;color:var(--text-annotation);
  white-space:nowrap;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.jd-lessons .num{font-size:inherit}

@media (max-width:900px){.jd-st-top{justify-content:flex-start}}

/* كتلة «المزيد عن الدورة» — منقولة بحرفها من الأصل: سطر إشارة بلون الدورة، ثم صندوق بأرضية 10% وحدّ 34% */
.jd-st-more{border-top:1px solid var(--hair);padding-top:var(--space-4);display:grid;gap:12px}
.jd-st-more-lab{font-family:var(--font-display);font-size:12px;font-weight:var(--fw-heading);color:var(--course-ink)}
/* تدقيق UUPM 2026-09-17 · craft-floor «بطاقة داخل بطاقة»: الأرضية والحدّ أُسقطا وبقي حضور لون الدورة شعيرةً علوية.
   الرجعة سطر واحد: background 10% + border 34% + radius كما كانا. */
.jd-st-acc{background:none;border:0;border-radius:0;
  border-top:2px solid color-mix(in oklch,var(--course) 52%,transparent);
  padding:clamp(12px,1.6vw,20px) 0 0}
.jd-st-acc .jd-det{border-top:0}
.jd-st-acc .jd-det .chev{border-color:var(--course-ink)}
/* عنوان المنهج بلون دورته (حكم المالك 2026-09-16) — الرمز نفسه الذي كان يلوّن سطر «المزيد عن الدورة» */
.jd-st-acc .jd-det>summary{color:var(--course-ink)}

/* ================================================================
   شريط المحطات الرأسي — حكم المالك 2026-09-16 (نظير شريط المسار في عرض الوزارة والمرجع المرفق).
   على حافة البداية (يمينًا في RTL): مسار شعيرة ثابت، وخطّ ينزل داخله مع التمرير،
   وعلامة مربّعة عند كل محطة تُملأ حين تبلغ منتصف الشاشة — بالفضي، ولا لون يتغيّر (المقياس والشفافية وحدهما).
   بلا مكتبة أو تحت تقليل الحركة: الشريط والعلامات **مرسومة كاملة** فلا ينقص شيء.
   ================================================================ */
/* قُوِّي بعد قياس 2026-09-16: شعيرة 1px بشفافية 14% لم تُرَ على الأسود. المسار 2px/26% والخطّ بوهج. */
.jd-rail-wrap{position:relative;padding-inline-start:clamp(34px,3.4vw,56px)}
.jd-rail{position:absolute;inset-block:6px;inset-inline-start:10px;width:2px;
  background:color-mix(in oklch,var(--text-high) 26%,transparent);overflow:clip;border-radius:2px}
.jd-rail>i{display:block;width:100%;height:100%;transform-origin:top center;
  background:linear-gradient(to bottom,var(--border-strong),var(--text-high));
  box-shadow:0 0 10px rgba(255,255,255,.45)}
.jd-mark{position:absolute;inset-inline-start:calc(-1 * clamp(34px,3.4vw,56px) + 4px);top:clamp(34px,4vw,54px);
  width:13px;height:13px;display:grid;place-items:center;
  border:1px solid color-mix(in oklch,var(--text-high) 60%,transparent);background:#08090b}
.jd-mark>i{display:block;width:7px;height:7px;background:var(--text-high);
  box-shadow:0 0 8px rgba(255,255,255,.5)}
html[data-mo] .jd-rail>i,html[data-mo] .jd-mark>i{transform:scale(0)}
html[data-mo] .jd-rail>i{transform:scaleY(0)}
@media (max-width:640px){.jd-rail-wrap{padding-inline-start:26px}.jd-rail{inset-inline-start:5px}
  .jd-mark{inset-inline-start:-22px}}
@media (prefers-reduced-motion:reduce){.jd-rail>i,.jd-mark>i{transform:none}}

/* الفراغ تحت الهيرو (حكم المالك 2026-09-16) — ثلاثة أسباب مقيسة معًا:
   حشو الهيرو الأسفل 104px + حشو قسم المحطات الأعلى 46px + ارتفاع كدسة الهيرو 96px بمشهد الخروج
   (صار 40px في الترميز) — فكان المجموع 227px مقيسًا. */
#jd-s1{padding-bottom:clamp(20px,2.4vw,36px)}
#stations{padding-top:clamp(14px,1.6vw,24px)}

/* ================================================================
   تدقيق UI/UX Pro Max — 2026-09-16 (النسخة المحلية في site/system/uupm · لا Python على هذا السطح).
   قاعدتان خالفتاهما الصفحة ومُصلَحتان هنا:
   · #web-target-size (WCAG 2.2 AA · 24×24px) و#touch-target-size (44px): رابطان داخل نصّ جارٍ
     («راسل الدعم» 59×23 · «سياسة الاسترداد» 84×23) — قِيسا أقل من 24px ارتفاعًا.
     العلاج **مساحة نقر لا حجم خطّ**: حشو رأسي يرفع الهدف إلى 24px بلا مسّ للمقاس ولا لتدفّق السطر
     (استثناء القاعدة نفسها لروابط النصّ الجاري لا يُستعمل هنا — رفعُها أرخص).
   · #cursor-pointer و#tap-delay: تأكيد المؤشّر وإلغاء تأخير 300ms على الأهداف.
   ================================================================ */
.jd-st-eff a,.jd-steps a,.jd-fine a,.jd-det a,p a{
  display:inline-block;padding-block:2px;min-height:24px;line-height:1.5;touch-action:manipulation}
a,button,summary{touch-action:manipulation}

/* ================================================================
   الفحص القَبْلي design-taste-frontend §14 — 2026-09-16 · رسوبٌ واحد في ملكيتي أُصلح هنا:
   §5 «المؤثّرات الأبدية»: **13 عنصرًا** يتحرّك بلا توقّف في الصفحة (12 هالة نبض على أزرار التشغيل + وميض واحد)،
   والقاعدة تحدّ الحركة المستمرّة بعنصر أو عنصرين في المشهد، و§5 «الحركة لها سبب» لا تجيز حلقة بلا حدث.
   المرجع نفسه يشغّل هالته على ثلاث بطاقات في الصفحة كلها، وعندنا اثنتا عشرة في مشهد واحد.
   العلاج: النبض **تغذية راجعة لا زخرفة** — يعمل عند التحويم أو التركيز وحدهما، فالإيماءة باقية والضجيج صفر.
   ================================================================ */
/* التخصيص يطابق القاعدة الأساسية (`.jd-vfig .jd-vpulse`) وإلا لم يفز — قِيس: 13 حلقة بقيت */
.jd-vfig .jd-vpulse,.story-play .jd-vpulse,.jd-vplay .jd-vpulse{animation:none}
.jd-vfig .vcard-open:hover .jd-vpulse,.jd-vfig .vcard-open:focus-visible .jd-vpulse,
.vcard-open:hover .story-play .jd-vpulse,.vcard-open:focus-visible .story-play .jd-vpulse{
  animation:jd-facade-pulse 2.6s ease-out infinite}
.jd-vfig .vcard-open:hover .jd-vpulse+.jd-vpulse,.vcard-open:hover .story-play .jd-vpulse+.jd-vpulse{animation-delay:1.3s}
/* وميض عنوان الهدايا: سَحبة واحدة عند الرسم لا حلقة أبدية (§5 «الحركة لها سبب») */
.jd-gifts-hero h2 em{animation-iteration-count:1}
@media (prefers-reduced-motion:reduce){.jd-vfig .jd-vpulse,.story-play .jd-vpulse{animation:none!important}}

/* ================================================================
   Impeccable · craft-floor «أسطح المتصفح» — عيب مقيس 2026-09-16:
   شريط التمرير موروث من الرئيسية (`--bg-band` مساره فاتح) والصفحة جسمها **أسود** (`body.lighting-dark` · #000)،
   فكان مسارٌ شبه أبيض على صفحة سوداء. المسار يُشتقّ الآن من أرضية هذه الصفحة.
   والتحديد والمؤشر يأتيان من قاعدة `.lighting-dark` القائمة فلا يُعادان.
   ================================================================ */
html{scrollbar-color:var(--border-strong) #0a0b0d}

/* ================================================================
   تصحيح 2026-09-16 · سطر تعريف لغة المحطة تحت العنوان الرئيسي،
   وسابقة «أكثر من» داخل رقم كتلة الهيرو (لا رقم قاطع بلا سند).
   ================================================================ */
.jd-lede-note{margin-top:10px;font-family:var(--font-display);font-size:clamp(13px,1vw,15px);font-weight:var(--fw-medium);
  line-height:1.75;color:var(--text-annotation);max-width:54ch;text-wrap:pretty}
.jd-hero-stats b .pre{font-size:.3em;font-weight:var(--fw-medium);color:var(--text-low);
  margin-inline-end:.3em;vertical-align:.42em}

/* منهج الدورة والمحتوى العلمي — سطر العدّ (دروس · فيديو) فوق وحدات الفهرس المعتمد 2026-09-16 */
.jd-curr-count{margin:2px 0 0;font-family:var(--font-display);font-size:12px;
  color:var(--course-ink);font-variant-numeric:tabular-nums}
.jd-curr .jd-ch{margin-top:16px}
.jd-curr .jd-lessons{margin-bottom:2px}

/* لوح «ما تحصل عليه» أسفل بطاقة الدورة (حكم المالك 2026-09-16) — PNG مفرَّغ، فالظلّ drop-shadow يتبع حدود الرسم */
.jd-st-kit{margin:var(--space-4) 0 0;display:grid;gap:10px;justify-items:center;text-align:center}
.jd-st-kit img{display:block;width:100%;max-width:min(760px,100%);height:auto;
  filter:drop-shadow(0 26px 40px color-mix(in oklch,var(--course) 30%,transparent))}
.jd-st-kit figcaption{font-family:var(--font-display);font-size:12px;font-weight:var(--fw-heading);
  letter-spacing:.02em;color:var(--course-ink)}
@media (prefers-reduced-transparency:reduce){.jd-st-kit img{filter:none}}

/* ================================================================
   بطاقة الدورة · صفّ الوسائط ثم النصّ (حكم المالك 2026-09-16):
   لوح «ما تحصل عليه» بجوار مقطع الدورة في صفّ واحد، والنصّ أسفلهما بعرض البطاقة
   لكن مقيَّدًا بطول سطر مقروء (72ch) وبمقاس أكبر — فالعرض الكامل بلا قيد يقتل القراءة.
   ================================================================ */
.jd-st-media{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;
  gap:clamp(16px,2.2vw,32px)}
.jd-st-media .jd-st-kit{margin:0;align-content:center}
/* اللوح بارتفاع صندوق الفيديو نفسه (16:9) ومحتواه داخله بلا قصّ — object-fit:contain على الشفافية */
.jd-st-media .jd-st-kit img{width:100%;max-width:100%;aspect-ratio:16/9;height:auto;object-fit:contain}
.jd-st-txt-wide{margin-top:clamp(18px,2.2vw,30px);margin-inline:auto;max-width:50ch;gap:16px}
.jd-st-txt-wide .jd-st-t{font-size:clamp(22px,2.4vw,30px)}
.jd-st-txt-wide .jd-st-q{font-size:clamp(17px,1.35vw,21px);line-height:1.75;text-align:center}
.jd-st-txt-wide .jd-st-eff{font-size:clamp(16px,1.2vw,19px);line-height:1.8}
.jd-st-txt-wide .jd-st-eff b{font-size:var(--text-sm)}
.jd-st-txt-wide .jd-st-ann{font-size:13px}   /* القاعدة باقية بلا عنصر — سطر عدد المقاطع أُزيل من الثماني 2026-09-16 */
@media (max-width:900px){
  .jd-st-media{grid-template-columns:minmax(0,1fr)}
  .jd-st-txt-wide{max-width:100%}
}

/* ================================================================
   طلب المالك 2026-09-16 · لوح الباقة على الجوال بعرض الشاشة كاملًا
   الهوامش كانت حشو .wrap نفسه — فاللوح يخرج منه بـcalc(50% - 50vw) بلا لمس الحشو لبقية القسم.
   و#purchase عليه overflow:clip فلا يولّد 100vw تمريرًا أفقيًّا.
   ================================================================ */
@media (max-width:640px){
  /* 100vw يشمل شريط التمرير (مقيس: 502 مقابل 486) فيفيض اللوح 8px كل جهة — فالخروج بنفي حشو .wrap
     بعينه لا بحساب vw، فتتساوى الحافتان مع حافتي الشاشة تمامًا. */
  .jd-buy-shot{max-width:none;width:auto;margin-inline:calc(-1 * clamp(22px,4vw,48px))}
}

/* 2026-09-17 · حكم المالك: المحاور التفصيلية رُحِّلت من بطاقات الدورات إلى سلّم المنهجية؛ وبقي في البطاقة شريط أرقام المنتج (دروس · فيديو).
   عدد الصفحات لكل دورة غير متوفّر في المصدر — لا يُخترع؛ يُضاف حين يصل. */
/* «الدورة في أرقام» (حكم المالك 2026-09-17): إحصاءٌ بأيقونته الخطية 2px ورقمٍ يعدّ عند البزوغ (data-tick).
   وعنوان المنهج انتقل إلى لوح المحطة. **عدد الصفحات والمدة الزمنية غير متوفّرين في المصدر فلم يُخترعا** — يُضافان خانتين حين يصلان. */
.jd-facts{list-style:none;margin:0;padding:8px 0 2px;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:10px 26px}
.jd-facts li{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-low)}
.jd-facts-ico{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;
  border:1px solid color-mix(in oklch,var(--course,var(--border-strong)) 45%,transparent);color:var(--course-ink,var(--text-high))}
.jd-facts-ico svg{width:15px;height:15px}
.jd-facts b{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(19px,1.6vw,24px);
  line-height:1;color:var(--text-high);font-variant-numeric:tabular-nums}
.jd-step{--course:var(--st);--course-ink:var(--st-ink)}
/* زرٌّ واحد بين العجلة والسلّم: نقرةٌ تفتح المحطات الثماني كاملةً معًا فيتصفّحها بالتمرير، ونقرةٌ تغلقها كلها.
   ومن أراد محطةً واحدة نقر على رأسها فتفتح كاملةً بمنهجها. */
.jd-curr-switch{display:flex;justify-content:center;margin-top:clamp(14px,1.8vw,22px)}
/* الزرّ بمفردة النظام لا بالأبيض (حكم المالك 2026-09-17): على الأرضية الفاتحة الملء الأساسي داكن وحبره فاتح — الحكم B */
.jd-curr-btn{appearance:none;cursor:pointer;min-height:var(--tap-min);display:flex;align-items:center;gap:12px;padding:12px 24px;white-space:nowrap;
  border:1px solid transparent;border-radius:var(--radius-pill);background:var(--fill);box-shadow:var(--shadow-btn);
  font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--on-fill);
  transition:background var(--dur-chip) var(--ease-out),transform var(--dur-chip) var(--ease-out)}
.jd-curr-btn:hover{background:color-mix(in oklch,var(--fill) 88%,var(--on-fill));transform:translateY(-1px)}
@media (prefers-reduced-motion:reduce){.jd-curr-btn:hover{transform:none}}
.jd-curr-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.jd-curr-sign{position:relative;flex:none;width:13px;height:13px}
.jd-curr-sign::before,.jd-curr-sign::after{content:"";position:absolute;inset-inline:0;top:50%;height:2px;background:currentColor;transition:transform var(--dur-card) var(--ease-out)}
.jd-curr-sign::after{transform:rotate(90deg)}
.jd-curr-btn[aria-expanded="true"] .jd-curr-sign::before{transform:rotate(45deg)}
.jd-curr-btn[aria-expanded="true"] .jd-curr-sign::after{transform:rotate(-45deg)}
/* المنهج جزءٌ من المحطة لا قسمٌ ثانٍ (حكم المالك 2026-09-17): تفتح المحطة كتلةً واحدة بمعلوماتها ومحاورها ومنهجها، وتغلق كاملة.
   وأرضيته مصمتة بعرض اللوح فتقف عندها صورة الهيرو (حكم المالك: الصورة تنتهي بالمحور الثالث ولا تدخل الوحدات). */
.jd-panel-curr{position:relative;margin-top:clamp(16px,1.8vw,24px);padding-top:16px;border-top:1px solid var(--hair);
  margin-inline:calc(-1 * (clamp(16px,2vw,26px) + 52px)) calc(-1 * clamp(16px,2vw,26px));
  padding-inline:calc(clamp(16px,2vw,26px) + 52px) clamp(16px,2vw,26px);
  margin-bottom:calc(-1 * clamp(20px,2.2vw,30px));padding-bottom:clamp(20px,2.2vw,30px);
  background:color-mix(in oklch,var(--st,transparent) 9%,var(--surface-card))}
.jd-curr-h{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 10px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-heading);color:var(--st-ink,var(--text-high))}
.jd-curr-n{font-family:var(--font-display);font-size:12px;font-weight:400;color:var(--text-annotation);font-variant-numeric:tabular-nums}
.jd-panel-curr .jd-ch{margin:14px 0 2px}
.jd-panel-curr .jd-lessons{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:0 clamp(16px,2vw,28px)}
.jd-panel-curr .jd-lessons li{padding-block:7px}

/* حاجب لوح المحطة صار عنوانه (حكم المالك 2026-09-17): اسم الدورة وحده — بمقاس العنوان وخطّ Noto Kufi،
   و«المحطة N» محذوفة لأن رأس الصفّ يحملها. */
.jd-panel .jd-pkick{font-family:var(--font-display);font-weight:var(--fw-heading);
  font-size:clamp(34px,3.6vw,58px);line-height:1.16;letter-spacing:0;text-transform:none;
  color:#fcfcfc;text-shadow:0 2px 20px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.35);text-wrap:nowrap}
.jd-panel .jd-panel-lede{font-size:clamp(16px,1.3vw,20px);color:rgba(252,252,252,.94);
  text-shadow:0 1px 14px rgba(0,0,0,.5)}

/* الشقّ المحجوب من هيرو المحطة يضيق على الشاشات الأصغر، ويصير الحجاب رأسيًّا تحت 780px (نسخة واحدة — كانت مكرّرة خمس مرات بخطأ استبدال) */
@media (max-width:1100px){
  .jd-panel-head{max-width:min(100%,64%)}
}
@media (max-width:780px){
  /* الحجاب يبقى أفقيًّا (حكم المالك 2026-09-17): الشقّ الأيسر صورةٌ صافية بلا تظليل، والحجاب الخفيف خلف النصّ يمينًا */
  .jd-panel-head{max-width:min(100%,76%)}
  .jd-panel::before{padding-top:min(39%,270px)}
}
@media (max-width:560px){
  /* دون 560px لا يبقى للنصّ عرضٌ يُقرأ إن حُجز ثلثٌ للصورة — فيعمّ الحجاب وتُقرأ الصورة أرضيةً لا مشهدًا */
  .jd-panel-head{max-width:100%}
}

/* «خارطة الطريق» نُقلت إلى قسم الشراء فوق موكب المنتجات (حكم المالك 2026-09-17) — تأخذ عرض خانتها في الشبكة نفسها */
.jd-roadmap{grid-column:1/-1;margin:0 0 clamp(14px,1.8vw,24px)}
.jd-roadmap img{display:block;width:100%;height:auto}
/* العنوان على سطر واحد فوق 780px؛ وتحتها يُسمح بالانكسار فلا يفيض */
@media (max-width:780px){.jd-panel .jd-pkick{text-wrap:balance;font-size:clamp(28px,7vw,40px)}}
/* موضع كل خلفية بعينه (ملاحظات المالك 2026-09-17): القمة في محطة 3، ورؤوس الناس في محطة 7 */
.jd-panel::before{background-position:center var(--hero-y,58%)}

/* عنوان منهج الدورة في لوح المحطة — فوق الوحدات (حكم المالك 2026-09-17) */
.jd-curr-h{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(17px,1.5vw,22px);
  line-height:1.35;color:var(--st-ink,var(--text-high));text-wrap:pretty}
/* خانتان معلَنتا الانتظار: عدد الصفحات والمدة بالساعات — الرقم يحلّ محلّ الشرطة حين يصل من المالك (لا يُخترع) */
.jd-facts li[data-pending]{opacity:.62}
.jd-facts li[data-pending] b{color:var(--text-annotation)}

/* رأس المحطة المفتوحة يأخذ **نغمة دورته في العجلة** (حكم المالك 2026-09-17): `--dp` بكروما العجلة نفسها (+30%)
   والحبر أبيض لؤلؤي عليها — يُبطل حكم «لا يتغيّر الرأس بالفتح» في الأرضية والحبر، والمقاس والخطّ باقيان. */
.jd-step[data-open] .jd-tab{background:oklch(from var(--dp,var(--st,#555)) l calc(c * 1.3) h)}
.jd-step[data-open] .jd-tab .k{color:rgba(252,252,252,.82)}
.jd-step[data-open] .jd-tab .n{color:#fcfcfc}
.jd-step[data-open] .jd-tab .jd-chev{color:#fcfcfc;opacity:.9}
.jd-step[data-open] .jd-badge{background:transparent;color:#fcfcfc;border-color:rgba(252,252,252,.85)}


/* ================================================================
   ملاحة الصفحة الداخلية — تدقيق UI/UX Pro Max 2026-09-17
   #3 Active State · #45 Skip/Nav · #100 Focus Not Obscured · #104 Target Size · #115 Chip Reflow · #117 Compact Control
   داكنة امتدادًا للرأس (الرأس والتذييل داكنان دائمًا)، والذهب ممنوع هنا بالحكم A — الفضي وحده.
   ================================================================ */
.jd-subnav{background:#0b0c0e;border-block:1px solid rgba(255,255,255,.1)}
.jd-subnav .wrap{padding-block:7px}
.jd-subnav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.jd-subnav a{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border-radius:999px;
  font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);
  color:rgba(255,255,255,.74);text-decoration:none;touch-action:manipulation;
  transition:color var(--dur-card) var(--ease-out),background-color var(--dur-card) var(--ease-out)}
.jd-subnav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.jd-subnav a[aria-current]{color:#fff;background:rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
.jd-subnav a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (min-width:901px){
  /* لاصق تحت الرأس: --jd-sub-top ارتفاع الرأس لحظةً بلحظة (ينكمش بالتمرير) يضبطه jd-subnav.js */
  .jd-subnav{position:sticky;top:var(--jd-sub-top,79px);z-index:120}
  /* #100 · المركَّز لا يُحجب: الرأس + الشريط + متنفّس */
  html{scroll-padding-top:calc(var(--jd-sub-top,79px) + var(--jd-sub-h,58px) + 6px)}
}
@media (prefers-reduced-motion:reduce){.jd-subnav a{transition:none}}


/* ================================================================
   ملء شريط السلّم — إدراج المالك 2026-09-18: «شريط يربط بين الأرقام ويتحرك مع التمرير»
   المسار قائم أصلًا (`.jd-ladder::before` شعيرة `--hair`)، وهذا **ملؤه** فوقه بالهندسة نفسها بالضبط.
   **طبقة أولى صرفة** (CSS scroll-driven) لا `M.scroll` — قصدًا: خروج الهيرو عطب في 09-18 لأن
   `M.scroll` قاس مدى القسم عند الربط ثم نمت الصفحة 29,000px بالصور الكسولة فبقي القياس قديمًا.
   و`view()` يعيد القياس مع التخطيط من تلقائه، و`overflow:clip` على السلّم لا يصنع حاوية تمرير
   (وهو الفرق عن `hidden` المسجَّل فخًّا في الميثاق) فالتوقيت يُحلّ على مشهد الصفحة.
   بلا دعم `view()`: الملء يظهر كاملًا — شريطٌ صلب، لا شريطٌ غائب. وتحت تقليل الحركة كذلك.
   فضّي بحكم A: المسار `--hair` والملء `--border-strong`.
   ================================================================ */
/* ================================================================
   وصل المحطات — حكم المالك 2026-09-18 بعد مراجعة الفكرة:
   **الوصل يبقى ساكنًا، والملء المدفوع بالتمرير أُلغي.** العلّة معنًى لا تقنية:
   شريط التقدّم يعني في الأعراف «أنجزتَ كذا من ثمانٍ»، وهو هنا يمتلئ لأن الزائر مرّر
   لا لأنه تعلّم — وهو لم يشترِ بعد؛ فيَعِد بواجهة تقدّمٍ في دورةٍ لا يملكها.
   والوصل نفسه حجّة الصفحة («ثماني دورات بترتيب واحد»): بالخطّ تُقرأ الأرقام طريقًا، وبلا خطّ قائمةً —
   فحضوره من أول نظرة هو المطلوب، لا ظهوره بعد التمرير.
   والحركة الباقية مربوطة بفعلٍ حقيقي: القطعة تُضيء بلون الدورة حين تُفتح محطتها (استجابة لا زخرفة).
   الهندسة مقيسة: مركز الشارة 46px من حدّ السلّم · أسفلها 59px من أعلى الخطوة ·
   أعلى شارة التالية 21px — فالقطعة من 60px إلى -21px تصل الرقمين تمامًا.
   z-index:3 لأن صندوق المنهج `.jd-panel-curr` عند 1 والزرّ `.jd-tab` عند 2 (مقيس)،
   وهو آمن لأن القطعة تبدأ تحت الشارة فلا تعبر رقمًا.
   الرجعة إلى الملء المتحرّك: سجلّها في STATUS تحت 2026-09-18.
   ================================================================ */
.jd-ladder .jd-step:not(:last-child)::after{content:"";position:absolute;z-index:3;
  inset-inline-start:calc(clamp(16px,2vw,26px) + 19px);
  top:60px;bottom:-21px;width:2px;background:var(--hair);
  transition:background var(--dur-card) var(--ease-out)}
/* المحطة المفتوحة: قطعتها تأخذ لون دورتها — الحركة الوحيدة الباقية، وسببها نقرة الزائر */
.jd-ladder .jd-step[data-open]:not(:last-child)::after{background:var(--st,var(--border-strong))}
@media (prefers-reduced-motion:reduce){
  .jd-ladder .jd-step:not(:last-child)::after{transition:none}
}


/* ================================================================
   أرضية نثر AL-Mohanad = 19px — ثلاثة بلاغات من المالك على 16px (jd-gh-sub · jd-gift-desc · jd-card-list)
   والقياس يفسّرها: 16px بالمهند تُقرأ ≈12px كوفي. المحدِّدات أدناه **حُصرت بالمسح**:
   كل عنصر بخطّ المتن عند 16px ونصّه أطول من 40 محرفًا.
   16px تبقى مشروعةً لغير النثر (أرقام سطرية · روابط السطر الدقيق · تسميات قصيرة).
   ================================================================ */
.jd-gift-desc,.jd-gift-line,.jd-gh-sub,.jd-bio-note,
.jd-axes span,.jd-trio p,.jd-steps p,.jd-det p,
.jd-card-list li,.jd-fit p,.jd-gifts-foot p,
main q{font-size:19px}

/* شريط الجوالات الثمانية — قسم الدفع فوق خارطة الطريق (حكم المالك 2026-10-04 · VMRB). آلية .marquee نفسها من homepage-merged
   (الانزلاق مسوّر بـ prefers-reduced-motion، والنسخة المكرّرة aria-hidden تختفي عند تقليل الحركة فيصير صفًّا ثابتًا ملفوفًا). */
.jd-phones{--mq-dir:1;min-width:0;grid-column:1/-1;justify-self:stretch;margin-top:0;margin-inline:calc(-1 * clamp(22px,4vw,48px));padding-block:8px;--mq-d:60s;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}
[dir="ltr"] .jd-phones{--mq-dir:-1}
.jd-phones .mq-row{gap:clamp(10px,1.4vw,22px)}
.jd-phones .jd-ph-tile{width:clamp(132px,13vw,200px);height:auto;aspect-ratio:4/5;padding:0;border:0;border-radius:0;background:none}
.jd-phones .jd-ph-tile img{width:100%;height:100%;max-height:none;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.55))}
.jd-phones:hover .mq-row,.jd-phones:focus-within .mq-row,.jd-phones:active .mq-row{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.jd-phones{-webkit-mask-image:none;mask-image:none;margin-inline:0}.jd-phones .jd-ph-tile{width:clamp(110px,22vw,160px)}}

/* ================================================================
   jd-s6 · شبكة المزايا «بنتو» سينمائية — تعليق المالك 2026-10-04 (جلسة 9SOU):
   «طريقة عرض المزايا يُفترض أن تكون أجمل… وأكثر إبهارًا». حلّت محلّ .jd-trio.jd-quad في الصفحتين (القواعد القديمة باقية بلا مستهلك للرجعة).
   الخانة داكنة بلون متّ الصور المقيس #131313 فتذوب الصورة في بطاقتها، والنص والرقاقات داخلها لا تحتها.
   الصف الأول: الدورة 7/12 والشهادة 5/12 · الثاني: الكتاب والاختبارات 6/6. الرفع عند التحويم لطبقة Motion ([data-mo-lift])،
   وتكبير الصورة وحده هنا (عنصر آخر — لا عنصر بمحرّكين). التباين: #fff 18.1 · #d4d4d4 12.6 · ذهب #C9A24D 7.6 · اللاتيني .66 ≈ 7.0 على #131313.
   ================================================================ */
.jd-bento-lede{margin:var(--space-2) auto 0;max-width:54ch;font-family:var(--font-display);font-weight:var(--fw-medium);font-size:clamp(17px,1.5vw,20px);line-height:1.9;color:var(--text-high);text-align:center;text-wrap:pretty}
.jd-bento{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.jd-bt{grid-column:span 6;position:relative;display:flex;flex-direction:column;min-width:0;border-radius:clamp(20px,2vw,28px);background:#131313;color:#fcfcfc;overflow:clip;isolation:isolate;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 34px 64px -34px rgba(0,0,0,.55)}
.jd-bt::before{content:"";position:absolute;z-index:3;inset-inline:10%;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent)}
.jd-bt-course{grid-column:span 7}
.jd-bt-cert{grid-column:span 5}
.jd-bt-cert::before{background:linear-gradient(90deg,transparent,#C9A24D,transparent);inset-inline:6%}
.jd-bt-certwrap{display:flex;flex-direction:column;flex:1}
.jd-bt-media{margin:0;position:relative;overflow:clip;background:#131313}
.jd-bt-media::after{content:"";position:absolute;inset-inline:0;bottom:0;height:34%;pointer-events:none;background:linear-gradient(to bottom,rgba(19,19,19,0),#131313)}
.jd-bt-img{display:block;width:100%;height:auto;max-height:min(64vw,470px);object-fit:contain;background:#131313;transform-origin:50% 40%}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .jd-bt-img{transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
  .jd-bt:hover .jd-bt-img{transform:scale(1.035)}
}
.jd-bt-copy{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;gap:12px;padding:clamp(4px,.8vw,10px) clamp(20px,2.4vw,34px) clamp(22px,2.6vw,34px);margin-top:calc(-1 * clamp(20px,2.4vw,40px))}
.jd-bt-latin{margin:0;font-family:var(--font-latin-ui,var(--font-display));font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(252,252,252,.66);text-align:start;unicode-bidi:isolate}
html[dir="rtl"] .jd-bt-latin{text-align:right}
.jd-bt-cert .jd-bt-latin{color:#C9A24D}
.jd-bt-h{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.1vw,30px);line-height:1.4;color:#fff;text-wrap:balance}
.jd-bt-p{margin:0;max-width:56ch;font-size:clamp(17px,1.3vw,19px);line-height:1.85;color:#d4d4d4;text-wrap:pretty}
.jd-bt-p q{color:#fcfcfc}
.jd-bt-facts{list-style:none;margin:auto 0 0;padding-top:6px;display:flex;flex-wrap:wrap;gap:8px}
.jd-bt-facts li{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);font-family:var(--font-display);font-size:14px;font-weight:500;color:#f2f2f2}
.jd-bt-ck{flex:none;color:#C9A24D}
.jd-bt-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:2px 0;border-radius:16px;overflow:clip;background:rgba(201,162,77,.32)}
.jd-bt-stats p{margin:0;display:grid;gap:4px;align-content:start;padding:14px 16px;background:#181818}
.jd-bt-stats b{font-family:var(--font-display);font-weight:700;font-size:clamp(38px,3.6vw,56px);line-height:1;color:#C9A24D;font-variant-numeric:tabular-nums}
.jd-bt-stats span{font-family:var(--font-display);font-size:14px;line-height:1.6;color:#e6e6e6}
.jd-bt-acc{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:10px}
.jd-bt-acc-h{margin:0;font-family:var(--font-display);font-size:13px;color:#cfcfcf}
.jd-bt-codes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.jd-bt-codes li{padding:4px 10px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-family:var(--font-display);font-size:13px;color:#ececec;font-variant-numeric:tabular-nums;letter-spacing:.04em}
@media (max-width:1024px){.jd-bt-course,.jd-bt-cert{grid-column:span 12}.jd-bt-img{max-height:420px}}
@media (max-width:760px){.jd-bt{grid-column:span 12}.jd-bt-copy{margin-top:-14px}}
/* «كيف تبدأ؟» في القسم نفسه: ثلاث خطوات موصولة، والرقم قرصٌ داكن بلون الخانات */
.jd-unlock-band .jd-steps li{position:relative;gap:10px;padding:clamp(20px,2vw,28px);border-radius:clamp(18px,1.8vw,24px);background:var(--surface-card);border:1px solid var(--hair);box-shadow:var(--shadow-card)}
.jd-unlock-band .jd-steps li::before{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#131313;color:#fcfcfc;font-size:19px;box-shadow:inset 0 0 0 1px rgba(201,162,77,.55)}
.jd-unlock-band .jd-steps li:not(:last-child)::after{content:"";position:absolute;top:calc(clamp(20px,2vw,28px) + 22px);inset-inline-start:calc(100% + 1px);width:calc(clamp(14px,1.6vw,24px) - 2px);height:2px;background:var(--border-strong)}
.jd-unlock-band .jd-steps b{font-family:var(--font-display);font-size:clamp(18px,1.4vw,20px);font-weight:700;color:var(--text-high)}
@media (max-width:900px){.jd-unlock-band .jd-steps li:not(:last-child)::after{display:none}}

/* شريط رحلة التطوير يتحرّك من اليمين إلى اليسار (طلب المالك 2026-10-04 · 9SOU). في الاتجاه RTL يمتدّ الصف يسارًا،
   فالعكس بالاتجاه المعكوس للحركة (+50% → 0) لا بإشارة سالبة — وإلا ظهر فراغ عند الحافة. جوالات هذه الرحلة بلوحة موحّدة 600×1040 (الجهاز بارتفاع اللوحة كاملًا، مركزيًّا) فتتساوى أحجامها. */
.jd-phones-rtl .mq-row{animation-direction:reverse}
[dir="ltr"] .jd-phones-rtl .mq-row{animation-direction:normal}
.jd-phones-rtl .jd-ph-tile{aspect-ratio:600/1040;width:clamp(116px,10.5vw,170px)}

/* [9SOU · UUPM auto-rotation-controls · WCAG 2.2.2] مفتاح إيقاف شريط الجوالات — المنطق في homepage-merged.js (.mq-toggle)، ويختفي مع تقليل الحركة */
.jd-mq-toggle{grid-column:1/-1;justify-self:center;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.4);color:#f2f2f2;font-family:var(--font-display);font-size:14px;font-weight:600;cursor:pointer;touch-action:manipulation}
.jd-mq-toggle:hover{border-color:#fff;color:#fff}
.jd-mq-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* [K42Q · 2026-10-05 · design-taste-frontend §9.F + حكم أسماء الشهود 2026-10-01] مصغّرات الشهادات بلا كتابة فوقها:
   الستارة كانت لقراءة الاسم المكتوب فوق الصورة، فخُفّفت والصورة بلونها، وزرّ التشغيل في الوسط لا فوق شريط الاسم في المصغّرة. الرجعة: tmp/K42Q/before/ */
.jd-endo .jd-vfig .jd-vposter{filter:none}
.jd-endo .jd-vfig:hover .jd-vposter{filter:brightness(1.06)}
.jd-endo .jd-vfig .jd-vscrim{background:radial-gradient(ellipse 90% 80% at 50% 50%,transparent 60%,rgba(11,11,11,.3) 100%)}
.jd-endo .jd-vfig .jd-vplay{bottom:auto;top:50%;transform:translate(-50%,-50%)}

/* [K42Q · 2026-10-05 · اعتمده المالك] (1) الأرقام والاقتباس في شريط فاتح تحت الهيرو · (3) الشهادات: صفّ أول كبير ثم شبكة · (2) عمود الاقتباس الأول أعرض · (4) مقطع السيرة بلا كتابة فوقه. الرجعة: tmp/K42Q/before/ */
.jd-proofband{padding-block:clamp(40px,5.5vw,84px)}
.jd-proofband .jd-hero-stats{margin:0;padding:0;border-top:0}
.jd-proofband .jd-hero-q{margin:clamp(28px,3.4vw,48px) auto 0;max-width:56ch;text-align:center;font-family:var(--font-display);font-size:clamp(17px,1.3vw,21px);line-height:1.9;color:var(--text-low);text-wrap:pretty}
.jd-bio-frame .jd-vfig .jd-vposter{filter:none}
.jd-bio-frame .jd-vfig .jd-vscrim{background:radial-gradient(ellipse 90% 80% at 50% 50%,transparent 60%,rgba(11,11,11,.3) 100%)}
.jd-bio-frame .jd-vfig .jd-vplay{bottom:auto;top:50%;transform:translate(-50%,-50%)}
.jd-endo-list{display:flex;flex-wrap:wrap}
.jd-endo-list>.jd-endo{flex:1 1 340px;min-width:0}
.jd-endo-list>.jd-endo:first-child{flex-basis:100%}
@media (min-width:901px){.jd-endo-list>.jd-endo:first-child{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}
.jd-endo-list>.jd-endo:not(:first-child){grid-template-columns:minmax(0,1fr);align-items:start;align-content:start;gap:22px;padding:clamp(22px,2.4vw,32px)}
.jd-endo-list>.jd-endo:not(:first-child) .jd-vfig{order:0}
.jd-endo-list>.jd-endo:not(:first-child) .jd-endo-mark{font-size:44px;margin-bottom:14px}
.jd-endo-list>.jd-endo:not(:first-child) blockquote p{font-size:17px;line-height:1.9;margin-bottom:16px}
.jd-endo-list>.jd-endo:not(:first-child) footer span{font-size:16px;line-height:1.7}
/* [K42Q · 2026-10-05] بعد نقل الأرقام: إطار فيديو الهيرو يتبع ارتفاع الشاشة فيظهر زرّ الشراء في الشاشة الأولى (حكم المالك) */
@media (min-width:901px){.jd-hero{padding-top:clamp(28px,3.5vw,52px)}.jd-hero-media{max-width:min(880px,max(420px,calc((100svh - 520px) * 16 / 9)))}}

/* [GOSS · 2026-10-06 · تعليق المالك على «اترك بصمتك»] عنوان لوح المحطة: نُزع «Bevel & Emboss» (K42Q 2026-10-05) وعاد العنوان وسطره إلى أصلهما،
   مع ظلّ أثقل وتدرّج لؤلؤي تمرّ عليه لمعة هادئة (ساكنة مع تقليل الحركة). يسري على الألواح الستة عشر في 02-20 و02-21 و02-22 (المصدر واحد).
   الرجعة: tmp/GOSS/before3/journey-development-v2.css */
.jd-panel .jd-pkick{color:#fcfcfc;line-height:1.3;text-shadow:0 2px 3px rgba(0,0,0,.5),0 6px 26px rgba(0,0,0,.6)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .jd-panel .jd-pkick{
    background-image:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.95) 48%,transparent 58%),linear-gradient(180deg,#ffffff 0%,#f7f1e8 30%,#e9e1ea 54%,#dde6ee 72%,#fbf8f2 90%,#ffffff 100%);
    background-size:260% 100%,100% 100%;background-position:120% 0,0 0;background-repeat:no-repeat;
    -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.55)) drop-shadow(0 7px 16px rgba(0,0,0,.5)) drop-shadow(0 18px 36px rgba(0,0,0,.35));
    padding-block:.06em .2em;margin-block:-.06em -.2em;
    animation:jdPearl 6.5s cubic-bezier(.45,0,.55,1) infinite}
}
@keyframes jdPearl{0%,55%{background-position:120% 0,0 0}100%{background-position:-20% 0,0 0}}
@media (prefers-reduced-motion:reduce){.jd-panel .jd-pkick{animation:none}}
.jd-panel .jd-panel-lede{text-shadow:0 1px 2px rgba(0,0,0,.55),0 3px 16px rgba(0,0,0,.6)}
/* Impeccable · أهداف اللمس: روابط الدعم في التذييل 31–43px عرضًا ← 44 */
.ftr-support .ftr-link{min-width:44px;justify-content:center}
/* Impeccable · Type: نثر عربي متعدد الأسطر بارتفاع سطر 1.4 ← 1.75 */
.jd-buy-last{line-height:1.75}
.jd-gift-line{line-height:1.8}
/* [K42Q · 2026-10-05 · Impeccable · اعتمده المالك] عنوان الاستثمار «ثماني دورات، وطريق واحد» كان 100.8px عند 1440 (‎--display-closing‎)؛ السقف 6rem */
.jd-buy h2{font-size:min(var(--display-closing),96px)}

/* [K42Q · 2026-10-05] 02-20 وحدها (أصناف لا تحملها 02-21): موكاب الجوال في بطاقات المحطات الثماني بدل لوح Thinkific القديم،
   (تعليق المالك: «الموكاب الجديد») — غلاف الهدايا أُرجع بطلب المالك */
.jd-hero-bg-sos{object-position:22% 42%}
.jd-st-media.jd-st-media-ph{grid-template-columns:minmax(0,5fr) minmax(0,8fr);align-items:center}
.jd-st-media-ph .jd-st-phone{justify-items:center}
.jd-st-media-ph .jd-st-phone img{width:100%;max-width:230px;aspect-ratio:auto;height:auto;object-fit:contain;
  filter:drop-shadow(0 22px 28px color-mix(in oklch,var(--course) 32%,transparent)) drop-shadow(0 6px 10px rgba(0,0,0,.18))}
@media (max-width:900px){.jd-st-media.jd-st-media-ph{grid-template-columns:minmax(0,5fr) minmax(0,8fr)}}
@media (max-width:520px){
  .jd-st-media.jd-st-media-ph{grid-template-columns:minmax(0,1fr)}
  .jd-st-media-ph .jd-st-phone img{max-width:min(210px,64%)}
}
@media (prefers-reduced-transparency:reduce){.jd-st-media-ph .jd-st-phone img{filter:none}}
/* 2026-10-06 Claude Code: the closed mobile drawer (.mnav) sat off-canvas and gave the page 23px of sideways scroll at 390px. */
html{overflow-x:clip}

/* ===== [GOSS · 2026-10-06 · D-2026-10-06-RV] جولة ما قبل الإطلاق — إضافات في الذيل لا تمسّ قاعدة سابقة =====
   ج · أرضية الحرف على الجوال (حتى 640px): الوسوم الصغيرة 14 — رمز الحاجب 13 يبقى للحواجب وحدها (.jd-eyebrow · .jd-gh-kick).
   د · ارتفاع سطر العنوان العربي 1.3 حدًّا أدنى.
   ط · «شاهد المنهجية الكاملة» قائمة حلقات: غلاف الدورة · رقم المحطة واسمها · مدتها ودروسها من أرقام الصفحة نفسها (تصل 02-22 عبر [data-mx]).
   ي · شريط الحجز الثابت على الجوال (حتى 760px): الاسم والسعر وزرّ واحد، ≤ 72px مع مساحة الأمان. */
@media (max-width:640px){
  .jd-tab .k,.jd-card-fine,.jd-bio-meta,.jd-about-portrait figcaption,.jd-hero-stats li>span,.jd-st-ann,.jd-st-txt-wide .jd-st-ann,.jd-bt-acc-h,.jd-cert,.jd-gift span{font-size:14px}
}
.jd-hero h1,.jd-out-head h2,.jd-gifts-hero h2,.jd-bio-head h2,.jd-tab .n,.jd-offer-main b{line-height:1.3}
.jd-tab{grid-template-columns:38px 56px minmax(0,1fr) 18px;grid-template-areas:"badge th k chev" "badge th n chev" "badge th m chev"}
.jd-tab .jd-badge{align-self:start}
.jd-tab-th{grid-area:th;display:block;width:56px;height:auto;aspect-ratio:800/1132;object-fit:cover;border-radius:6px;border:1px solid var(--hair);background:var(--bg-band)}
.jd-tab-m{grid-area:m;font-size:var(--text-sm);line-height:1.5;color:var(--text-annotation)}
.jd-fixbar{display:none}
@media (max-width:760px){
  .jd-fixbar{display:block;position:fixed;inset-inline:0;bottom:0;z-index:800;background:rgba(8,8,9,.96);border-top:1px solid rgba(255,255,255,.14);color:#fff;transform:translateY(110%);transition:transform 300ms cubic-bezier(0.23,1,0.32,1)}
  .jd-fixbar.is-on{transform:none}
  .jd-fixbar-in{box-sizing:border-box;min-height:64px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px}
  .jd-fixbar-tx{margin:0;min-width:0;display:grid;font-family:var(--font-display);line-height:1.35;color:#fff}
  .jd-fixbar-tx strong{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .jd-fixbar-tx>span{font-size:14px;color:#dcdcdc;white-space:nowrap}
  .jd-fixbar-cta{flex:0 0 auto;min-height:48px;padding:0 18px;white-space:nowrap;font-size:15px}
  footer:has(+ .jd-fixbar){padding-bottom:calc(72px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.jd-fixbar{transition:none}}

/* [R2V6 · 2026-10-08 · B7] خريطة المحطات في الرحلتين (02-20 · 02-21): عقد دائرية على مسار متعرّج منقّط — عمودي على الجوال والأسماء بجوار العقد، ويمين-يسار على المكتب. الأولى بلون الإجراء (القرص اللامع) والبقية أهدأ. بلا حركة بالتمرير */
.jd-st-wrap{position:relative}
.jd-map{position:relative;max-width:1120px;margin:var(--space-5) auto var(--space-6)}
.jd-map-list{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.jd-map-list::before{content:"";position:absolute;inset-block:28px;inset-inline-start:27px;border-inline-start:2px dotted var(--border-strong)}
.jd-map-node{position:relative;min-width:0}
.jd-map-a{display:flex;align-items:center;gap:14px;min-height:56px;color:var(--text-high);text-decoration:none;border-radius:999px}
.jd-map-a:hover{color:var(--text-high)}
.jd-map-a:focus-visible{outline:2px solid var(--text-high);outline-offset:4px}
.jd-map-dot{flex:none;position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid var(--border-strong);background:var(--bg-page);color:var(--text-low);font-family:var(--font-display);font-weight:var(--fw-heading);font-size:var(--text-base);line-height:1;transition:border-color 200ms cubic-bezier(0.23,1,0.32,1),color 200ms cubic-bezier(0.23,1,0.32,1)}
.jd-map-a:hover .jd-map-dot{border-color:var(--text-high);color:var(--text-high)}
.jd-map-node:first-child .jd-map-dot,.jd-map-node:first-child .jd-map-a:hover .jd-map-dot{background:var(--fill-cta);border-color:var(--fill-cta);color:var(--on-fill-cta)}
.jd-map-name{min-width:0;font-family:var(--font-display);font-weight:600;font-size:var(--text-base);line-height:1.5;text-wrap:balance}
.jd-map-svg{display:none}
@media (min-width:900px){
  .jd-map-list{grid-template-columns:repeat(8,minmax(0,1fr));gap:0}
  .jd-map-list::before{display:none}
  .jd-map-svg{display:block;position:absolute;inset-inline:0;inset-block-start:0;width:100%;height:128px;pointer-events:none;color:var(--border-strong)}
  .jd-map-a{flex-direction:column;justify-content:flex-start;text-align:center;gap:10px;padding-inline:6px;padding-block-end:4px;border-radius:16px}
  .jd-map-dot{width:64px;height:64px;font-size:var(--text-lg)}
  .jd-map-node:nth-child(even){margin-block-start:64px}
}
@media (prefers-reduced-motion:reduce){.jd-map-dot{transition:none}}

/* [R2V6 · 2026-10-08 · E5] المحطات مشاهد متراكبة في 02-20 وحدها (02-21 لا تحمل data-mo-pin="stack" فلا يمسّها شيء هنا).
   التخطيط الساكن (بلا JavaScript · تقليل الحركة · data-rf-motion="off"): الغلاف display: contents، والخلفية والتعتيم مخفيان — البطاقات كما كانت.
   المشهد يعمل حين يضع rf-motion-scenes.js العلامة data-rf-scenes على html: كل لوح يلتصق تحت الرأس والشريط الفرعي، وإن كان أطول من الشاشة بدأ التصاقه حين يبلغ ذيله أسفلها (--st-h) فلا يُخفى منه سطر */
.jd-st-face{display:contents}
.jd-st-bg,.jd-st-dim{display:none}
.jd-st-curr{display:flex;flex-wrap:wrap;gap:12px}
.jd-st-curr .btn{min-height:48px;padding-inline:24px}
html[data-rf-scenes] .jd-stations[data-mo-pin="stack"]{display:block}
html[data-rf-scenes] .jd-stations[data-mo-pin="stack"]>.jd-st{--st-off:calc(var(--jd-sub-top,0px) + var(--jd-sub-h,0px));position:sticky;top:min(var(--st-off),calc(100svh - var(--st-h,100svh)));display:block;margin:0 0 clamp(16px,2vw,28px);padding:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;isolation:auto}
html[data-rf-scenes] .jd-stations[data-mo-pin="stack"]>.jd-st::before,html[data-rf-scenes] .jd-stations[data-mo-pin="stack"]>.jd-st::after{display:none}
html[data-rf-scenes] .jd-stations[data-mo-pin="stack"] .jd-st-face{position:relative;isolation:isolate;overflow:clip;box-sizing:border-box;min-height:calc(100svh - var(--st-off));display:grid;align-content:center;gap:clamp(16px,2vw,26px);padding:clamp(22px,2.8vw,40px);background:#0a0b0d;border:1px solid var(--hair);border-radius:var(--radius-xl);transform-origin:50% 0;will-change:transform}
html[data-rf-scenes] .jd-stations[data-mo-pin="stack"] .jd-st-bg{display:block;position:absolute;inset:0;z-index:-1;background:var(--st-bg) center/min(92%,1100px) auto no-repeat;opacity:.14;pointer-events:none}
html[data-rf-scenes] .jd-stations[data-mo-pin="stack"] .jd-st-dim{display:block;position:absolute;inset:0;z-index:5;background:#000;opacity:0;pointer-events:none}
@media (max-width:760px){html[data-rf-scenes] .jd-stations[data-mo-pin="stack"] .jd-st-face{padding-block-end:calc(clamp(22px,2.8vw,40px) + 72px + env(safe-area-inset-bottom))}}