/* عجلة رحلة التطوير — أنماط SVG على أسلوب The Leadership Challenge (2026-09-17).
   العجلة ثابتة والألوان تنتقل · لون واحد لأوتاد الدورة الثلاثة (لا تدرّج) · الحبر أبيض موحَّد على كل الألوان
   ونظام المرجع في اللون: طبقتان من كل صبغة — شريط باستيل خارجي (لا نصّ عليه) ونطاق مشبع يحمل النصّ، والبطاقة أعمق درجةً.
   و**الحبر أبيض على كل الأرضيات** (حكم المالك 2026-09-17): فكلّ أرضية تحمل نصًّا تأخذ نغمةً وسطى زاهية (`--dp`) كما في المرجع — لا باستيل ولا قاتمًا — **وبلا هالات سوداء** (ليست في المرجع). والنغمات عُمِّقت درجةً 2026-09-17 فصار القياس 4.7 إلى 9.2 — كلّه ينجح
   · اللمعة الرأسية soft-light هي مصدر الإحساس المجسّم في المرجع، ومعها ظلّ خارجي على البطاقات والميدالية. */
.jw{position:relative;aspect-ratio:1;container:jw / inline-size;
  --jw-gap:#fcfcfc;--jw-tile:#cdcdcd;--jw-seg:#7c7c7c;--jw-card:#3a3a3c;--jw-card-ink:#f2f2f2;--jw-core-ring:#7a5a1e}
.lighting-dark .jw,.jw.dark{--jw-gap:#0b0b0d;--jw-tile:#4a4a4a;--jw-seg:#6e6e6e;--jw-card:#26262a}
.jw-svg{display:block;width:100%;height:100%;overflow:visible}
.jw-tile{fill:var(--jw-tile);stroke:var(--jw-gap);stroke-width:2;transition:fill .55s ease}
.jw-seg{transition:fill .55s ease}
.jw-seg{fill:var(--jw-seg);stroke:var(--jw-gap);stroke-width:3;transition:fill .55s ease}
.jw-sheen{mix-blend-mode:soft-light;pointer-events:none}
/* 20 وحدة في viewBox 1000 = نحو 12.8px عند عرض 640px — أرضية الحرف (--text-floor:12px) محفوظة، وكانت 15.5 تنزل إلى 9.9px */
/* مُثبَّت 2026-09-17: أسماء المحاور بخط المتن AL-Mohanad — نسخه النسخي أرقّ من الكوفي فرُفع المقاس
   إلى 22 وحدة (نحو 14px عند عرض 640px) والوزن 700 فيبقى النصّ صريحًا على أرضيته. */
.jw-ax{font-family:var(--font-body,'AL-Mohanad','Noto Kufi Arabic',serif);font-weight:700;font-size:22px;fill:#fff}
.jw-card-g{filter:drop-shadow(0 5px 9px rgba(0,0,0,.26));transition:filter .55s ease}
.jw-card{fill:var(--jw-card);transition:fill .55s ease}
.jw-card-sheen{mix-blend-mode:soft-light;pointer-events:none}
.jw-ico{stroke:#fff;opacity:.95}
/* اسم الدورة: كوفي 400 بحكم المالك (عناوين النظام تبقى 700) · 24 وحدة ≈ 15.4px عند عرض 640px */
.jw-card-t{font-family:var(--font-display,'Noto Kufi Arabic'),sans-serif;font-weight:400;font-size:24px;fill:var(--jw-card-ink)}
/* الميدالية الذهبية — استثناء معلَن من الحكم A بطلب المالك (علامة المنهجية، لا زرّ ولا عنوان). الحبر الداكن على الذهب مقيس 7.82 */
.jw-core-sheen{mix-blend-mode:soft-light;pointer-events:none}
.jw-core-ring{fill:none;stroke:var(--jw-core-ring);stroke-width:1.5;opacity:.5}
.jw-core-name{font-family:var(--font-display,'Noto Kufi Arabic'),sans-serif;font-weight:600;font-size:17px;fill:#5a4014;letter-spacing:0}
.jw-core-k{font-family:var(--font-display,'Noto Kufi Arabic'),sans-serif;font-weight:600;font-size:22px;fill:#3c2c0c}
/* الاسم الأبرز: كوفي 500 بمقاس 33 وحدة بحكم المالك 2026-09-17 (كان 700 · 25) */
.jw-core-t{font-family:var(--font-display,'Noto Kufi Arabic'),sans-serif;font-weight:500;font-size:33px;fill:#101216}
.jw-core-star{fill:#5a4014}
/* المحطة النشطة وحدها تتلوّن — لونٌ واحد للأوتاد الثلاثة والبلاط والبطاقة */
.jw.is-on .jw-s.on .jw-tile{fill:oklch(from color-mix(in oklch,var(--c) 52%,#fff) l calc(c * 1.25) h)}
.jw.is-on .jw-s.on .jw-seg{fill:oklch(from var(--dp) l calc(c * 1.3) h)}
.jw.is-on .jw-s.on .jw-card{fill:oklch(from var(--dp) calc(l * .97) calc(c * 1.3) h)}
/* البطاقة النشطة ترتفع أكثر بهالة من لونها — كان `filter:none` يُسقط ظلّها في اللحظة التي تحتاجه (عيب مقيس · Impeccable §2) */
.jw.is-on .jw-card-g.on{filter:drop-shadow(0 10px 20px rgba(0,0,0,.3)) drop-shadow(0 0 14px color-mix(in oklch,var(--dp) 45%,transparent))}
/* التلوين بالتمرير: المحطة المُشتعلة تأخذ لونها، والباقية رمادية — ومع الاكتمال يشتعل وهجٌ مرّةً واحدة */
.jw .jw-s.lit .jw-tile{fill:oklch(from color-mix(in oklch,var(--c) 52%,#fff) l calc(c * 1.25) h)}
.jw .jw-s.lit .jw-seg{fill:oklch(from var(--dp) l calc(c * 1.3) h)}
.jw .jw-s.lit .jw-card{fill:oklch(from var(--dp) calc(l * .97) calc(c * 1.3) h)}
.jw-bloom{opacity:0;transform-origin:500px 500px;pointer-events:none}
.jw.is-complete .jw-bloom{animation:jwBloom 1.15s cubic-bezier(.22,1,.36,1) 1}
.jw.is-complete .jw-core{animation:jwCorePop .9s cubic-bezier(.22,1,.36,1) 1}
@keyframes jwBloom{0%{opacity:.55;transform:scale(.93)}70%{opacity:.18}100%{opacity:0;transform:scale(1.1)}}
@keyframes jwCorePop{0%{transform:scale(1)}45%{transform:scale(1.035)}100%{transform:scale(1)}}
.jw-core{transform-origin:500px 500px}
/* حال العطل: إن لم يعمل السكربت بقيت العجلة رمادية أبدًا — وقاعدة النظام تمنع حجب محتوى خلف حركةٍ قد لا تعمل.
   فالألوان الكاملة هي الحال قبل أن يمسكها التلوين بالتمرير (`data-revealed` يضعه السكربت لحظة التشغيل). */
.jw[data-scroll-reveal]:not([data-revealed]) .jw-s .jw-tile,
.jw.is-full .jw-s .jw-tile{fill:oklch(from color-mix(in oklch,var(--c) 52%,#fff) l calc(c * 1.25) h)}
.jw[data-scroll-reveal]:not([data-revealed]) .jw-s .jw-seg,
.jw.is-full .jw-s .jw-seg{fill:oklch(from var(--dp) l calc(c * 1.3) h)}
.jw[data-scroll-reveal]:not([data-revealed]) .jw-s .jw-card,
.jw.is-full .jw-s .jw-card{fill:oklch(from var(--dp) calc(l * .97) calc(c * 1.3) h)}
@media (prefers-reduced-motion:reduce){.jw-tile,.jw-seg,.jw-card{transition:none}.jw.is-complete .jw-bloom,.jw.is-complete .jw-core{animation:none}}

/* الحال المضغوط — Impeccable §3 و§7: تحت 430px من عرض العجلة يصير حبر 15.5px نحو 6px فيُقرأ ضجيجًا لا كلامًا.
   فتُطفأ أسماء المحاور وأسماء الدورات وتبقى الأيقونة واللون والميدالية (والكلام كلّه في السلّم بجانبها).
   استعلام حاوية لا نافذة — فتصحّ في أي مقاس يضعها فيه المستضيف. العتبتان مقيستان بأرضية الحرف 12px لا بالتقدير. */
@container jw (max-width:600px){
  /* الحبر يُكبَّر بدل أن يُطفأ: 24 وحدة عند عرض 506px = 12.1px — أرضية الحرف محفوظة، والنطاق اتّسع شعاعيًّا فلا ضغط */
  .jw-ax{font-size:24px}
  .jw-card-t{font-size:34px}
  .jw-tile{stroke-width:1.2}
  /* الاسم المقوّس و«رحلة التطوير» يُطفآن ويبقى الاسم الأبرز — 38 وحدة عند 360px = 13.7px، فوق أرضية الحرف */
  .jw-core-name,.jw-core-k{display:none}
  .jw-core-t{font-size:38px}
}
@container jw (max-width:380px){
  /* دون 380px يصير حبر المحاور تحت 9px — فيُطفأ وتبقى الأسماء والميدالية */
  .jw-ax{display:none}
}
@container jw (max-width:300px){
  .jw-card-t,.jw-core-t{display:none}
  .jw-core-star{display:none}
}
.jw-compact .jw-ax{display:none}
.jw-compact .jw-card-t{font-size:34px}