/**
 * mujab-slab.css — القسم السادس في الرئيسية: «إنت تطلب — وإحنا نبنيه» (الموجة ٧-د-٦)
 *
 * يُحمَّل على الصفحة الرئيسية وحدها (is_front_page في functions.php).
 * البنية: تمهيدي ← h2 (يعبر فوق الدرز) ← توضيحي ← نصفان ملتحمان بدرز مضيء ←
 *         قاعدة (مخرجات العميل + جدول المقارنة + سطر أسفله + زر الدعوة).
 *
 * 🔴 نمط «اللوح الداكن الدائم» (توقيع هذا القسم):
 *    القسم داكن في الوضعين — متغيرات --slab-* معزولة على حاوية القسم وقيمها
 *    ثابتة لا تتبع html[data-mujab-theme]. ما يتبع الوضع: خلفية المنطقة حول
 *    اللوح + الإطار فقط (فاتح: هوامش + زوايا 30px + ظل ناعم · داكن: بعرض
 *    الشاشة + حدّ شعري علوي وسفلي بلا ظل).
 * 🔴 قاعدة الحواف: الانتقال بين اللوح والصفحة الفاتحة حافة قاطعة نظيفة
 *    (زوايا + ظل) — ⛔ صفر تدرّج تلاشٍ بين السطحين.
 *
 * 🔴 قيد التمايز (٧-د-٦ §١): لوح داكن · درز مضيء واحد · طباعة كبيرة · خطوط
 *    شعرية أفقية · فراغ سخي — لا أكثر. ⛔ صفر جزيئات/مدار/نبضة/بينتو/واجهة
 *    حية/مسار مرسوم/فهرس بأرقام شبح · ⛔ صفر خطوات مرقّمة وشبكة قطاعات
 *    (محجوزتان للقسم السابع) · ⛔ صفر صور وأيقونات عدا شرطات القوائم
 *    وعلامات الجدول الثلاث (SVG مضمّنة بقرار المالك — لا إيموجي).
 *
 * 🔴 قسم سكون: ظهور مرة واحدة ثم يثبت — صفر حركة دائمة (تنفّس الدرز الاختياري
 *    لم يُنفَّذ: يحتاج موافقة صريحة من المالك بعد الفحص البصري).
 *
 * انحرافات معلنة (كلها مسجَّلة في تقرير الموجة):
 * - تتبّع العنوان normal لا -0.01em ورؤوس الجدول normal لا .04em — قاعدة
 *   الموجة ٤ الحاكمة: صفر تتبّع على الحروف العربية المتصلة.
 * - السطر التمهيدي #B77BF0 لا #8B2FE8×0.85 — القرار ١٢ (2.88:1 يسقط على اللوح).
 * - حدّ كتلة مُجاب في كتل الجوال #B77BF0 لا #8B2FE8 — نفس القرار (حدود 3:1).
 * - الدرز ينتهي عند الخط الشعري العلوي «للقاعدة» (كتلة المخرجات) لا الجدول —
 *   برومبت الرؤية لا يعرف بكتلة المخرجات (بين النصفين والجدول بأمر برومبت
 *   المحتوى ١-٢) والمفهوم محفوظ: الدرز يغذّي القاعدة عند حافتها الشعرية.
 * - الدرز يبدأ 32px تحت آخر سطر في رأس القسم (التوضيحي) — برومبت الرؤية
 *   افترض «تحت العنوان» ولم يعرف بالسطر التوضيحي بينهما.
 *
 * 🔴 قيم الاتجاه للنسخة الإنجليزية — كلها في كتلة المتغيرات أدناه:
 *    --slab-origin (أصل رسم خطوط الجدول والدرز الأفقي: right) ·
 *    --slab-hseam-grad (اتجاه تدرّج الدرز الأفقي: to left = سيان عند اليمين).
 *    للإنجليزية لاحقاً: left · to right — بلا لمس أي قاعدة أخرى.
 *
 * قواعد حاكمة موروثة:
 * - 🔴 صفر opacity:0 ابتدائية على أي نص — الإخفاء مشروط بكلاس --anim الذي
 *   يضيفه الجافاسكربت ومحكوم بـprefers-reduced-motion: no-preference.
 * - ⚠️ فخّ الثيم ul > li:before (شيفرون fontello) — مُبطَل ومُستبدَل بالشرطة.
 * - ⚠️ فخّ التخصيصية: كل قاعدة مكوّن بمحدَّدين على الأقل (0,2,0)+.
 * - ⛔ صفر !important · صفر will-change · صفر مكتبة · صفر طلب خارجي.
 */

/* ============ متغيرات القسم — ثابتة داكنة (لا تتبع الوضع) ============ */
.mujab-slab {
	--slab-bg-top: #0A0F2E;
	--slab-bg-bottom: #111A44;
	--slab-text: #F5F7FF;
	--slab-body: #B8C0E8;
	--slab-muted: #8A93BF;
	--slab-hairline: rgba(184, 192, 232, 0.12);
	--slab-hairline-strong: rgba(184, 192, 232, 0.18);
	--slab-dash: rgba(184, 192, 232, 0.35);
	--slab-kicker: #B77BF0;            /* القرار ١٢ — انحراف معلن عن #8B2FE8 */
	--slab-accent: #B77BF0;
	--slab-seam-a: #06B6D4;            /* أعلى الدرز الرأسي / يمين الأفقي */
	--slab-seam-b: #8B2FE8;            /* أسفله / يساره */
	--slab-tint: rgba(139, 47, 232, 0.08);
	--slab-mark-yes: #22D3EE;
	--slab-mark-no: #8A93BF;
	--slab-mark-part: #B77BF0;
	--slab-focus: #06B6D4;
	--slab-basegap: 64px;              /* فجوة النصفين ← القاعدة (الدرز يعبرها) */
	/* 🔴 قيم الاتجاه — المكان الواحد (انظر رأس الملف) */
	--slab-origin: right;
	--slab-hseam-grad: to left;
}

/* ============ المنطقة حول اللوح — تتبع الوضع ============ */
/* الوضع الفاتح (الافتراضي): اللوح قطعة موضوعة عن قصد — هوامش + زوايا + ظل */
.mujab-slab {
	position: relative;
	width: 100%;
	background: linear-gradient(180deg, #FFFFFF 0, #F7F8FD 180px);
	/* ٧-د-٦-ب · البند ١٠: توازن المسافتين حول اللوح — فوقه 108 (حشوة القسم
	   الخامس السفلية · مقفول لا يُمس) + 64 = 172 · وتحته 84 + 64 (شريط الثيم
	   بين آخر قسم والفوتر) = 148. الهوامش الجانبية 48 كما هي. */
	padding: 64px 48px 84px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
html[data-mujab-theme="dark"] .mujab-slab {
	background: linear-gradient(180deg, #151D48 0, #0A0F2E 180px);
	padding: 0;
}

/* غلاف الويدجت — درس ٧-د-٢/٣/٤: قاعدة Elementor (0,4,0) تفرض max-width ويلزم (0,5,0) */
.elementor .mujab-slab.e-con > .elementor-element.elementor-element {
	width: 100%;
	max-width: none;
	flex: 0 0 auto;
}
.mujab-slab > .elementor-element { flex: 0 0 auto; }

/* مرساة التنقل — الهيدر الثابت لا يغطي القسم عند القفز إليه */
.mujab-slab .mujab-slab-root { scroll-margin-top: 96px; }

/* ============ اللوح ============ */
.mujab-slab .mujab-slab-frame {
	position: relative;
	width: 100%;
	max-width: 1440px;                 /* سقف الشاشات الضخمة */
	margin-inline: auto;
	background: linear-gradient(180deg, var(--slab-bg-top), var(--slab-bg-bottom));
	border-radius: 30px;
	box-shadow: 0 24px 64px rgba(10, 15, 46, 0.16);
	overflow: hidden;                  /* الزوايا + بركة الضوء */
}
html[data-mujab-theme="dark"] .mujab-slab .mujab-slab-frame {
	border-radius: 0;
	box-shadow: none;
	border-block: 1px solid rgba(184, 192, 232, 0.10);
}
/* بركة الضوء العلوية الوحيدة — تدرّج شعاعي خافت ≤10٪ */
.mujab-slab .mujab-slab-frame::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 60% 42% at 50% 0%, rgba(139, 47, 232, 0.10), transparent 70%);
	pointer-events: none;
}

.mujab-slab .mujab-slab-inner {
	position: relative;
	max-width: 912px;                  /* عمود محتوى 800px — معايَر مع عبور العنوان فوق الدرز
	                                      (فراغ سخي على الجانبين — لغة القسم المطلوبة نصاً) */
	margin-inline: auto;
	padding: clamp(48px, 6.6vw, 96px) clamp(20px, 4vw, 56px);
	color: var(--slab-body);
}

/* ============ أدوات ============ */
.mujab-slab .mujab-slab-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip-path: inset(50%);
	overflow: hidden;
	white-space: nowrap;
}
.mujab-slab .mujab-slab-sprite {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;                  /* ⛔ لا display:none — يكسر <use> */
}

/* تحديد النص على اللوح الداكن */
.mujab-slab .mujab-slab-frame ::selection {
	background: rgba(139, 47, 232, 0.35);
	color: #FFFFFF;
}

/* ============ رأس القسم ============ */
.mujab-slab .mujab-slab-kicker {
	margin: 0 0 14px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: normal;
	color: var(--slab-kicker);
}
.mujab-slab .mujab-slab-title {
	margin: 0;
	max-width: 26ch;
	font-size: clamp(26px, 3.2vw, 40px);
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: normal;            /* انحراف معلن عن -0.01em — قاعدة الموجة ٤ */
	color: var(--slab-text);
}
/* 🔴 انحراف معلن (سابقة ٧-د-١: المعيار الهندسي يغلب الرقم الحرفي):
   العنوان 48px ثابتة على الديسكتوب لا clamp(...40px) — نص العنوان الفعلي
   ٢٣ حرفاً (~455px عند 48) والعبور فوق الدرز (منتصف اللوح) مستحيل عند 40px.
   ثابتة لا vw حتى يبقى العبور ≥50px على كل عرض ≥992. */
@media (min-width: 992px) {
	.mujab-slab .mujab-slab-title { font-size: 48px; }
}
.mujab-slab .mujab-slab-accent { color: var(--slab-accent); }
.mujab-slab .mujab-slab-lede {
	margin: 18px 0 0;
	max-width: 54ch;
	font-size: 15px;
	line-height: 1.95;
	color: var(--slab-body);
}
/* ٧-د-٦-ب · البند ٥: الكتل الأربع تتمايز بالفراغ — الرأس يبتعد عن النصفين */
.mujab-slab .mujab-slab-head { margin-block-end: 44px; }

/* ============ النصفان والدرز ============ */
.mujab-slab .mujab-slab-halves {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: stretch;              /* الدرز بارتفاع الأطول · محتوى الأقصر أعلى */
	margin-block-end: var(--slab-basegap);
}
.mujab-slab .mujab-slab-half { padding-block: 10px 30px; }
/* ٧-د-٦-ب · البند ٧: النصفان يبدآن وينتهيان معاً — النقاط تتوزع على ارتفاع
   النصف (الذي تحدده المراحل) بدل أن تنتهي أعلى منها بـ71-97px. توازن
   بنيوي لا رقم سحري: يصحّ مع أي طول نص. ⛔ صفر حذف أو تعديل نص. */
@media (min-width: 992px) {
	.mujab-slab .mujab-slab-half--custom { display: flex; }
	.mujab-slab .mujab-slab-half--custom > .mujab-slab-points {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		justify-content: space-between;
		gap: 18px;
	}
	.mujab-slab .mujab-slab-half--custom > .mujab-slab-points > li { margin-block-end: 0; }
}
/* النصف الأيمن (المخصص) أفتح بدرجة لطيفة — وجهان لسطح واحد لا لوحان */
.mujab-slab .mujab-slab-half--custom {
	padding-inline-end: 40px;
	background: rgba(255, 255, 255, 0.018);
}
.mujab-slab .mujab-slab-half--managed { padding-inline-start: 40px; }

/* الدرز الرأسي — 2px بالضبط · تدرّج سيان ← بنفسجي · في منتصف اللوح */
.mujab-slab .mujab-slab-seam {
	position: absolute;
	inset-block: 0 calc(-1 * var(--slab-basegap));   /* ينتهي عند الخط الشعري العلوي للقاعدة */
	inset-inline-start: calc(50% - 1px);
	width: 2px;
	background: linear-gradient(180deg, var(--slab-seam-a), var(--slab-seam-b));
	pointer-events: none;
}
/* الهالة الضيقة — 8px إجمالاً · ≤0.22 · تدرّج + قناع لا blur */
.mujab-slab .mujab-slab-seam::before {
	content: '';
	position: absolute;
	inset-block: 0;
	inset-inline-start: -3px;
	width: 8px;
	background: linear-gradient(180deg, var(--slab-seam-a), var(--slab-seam-b));
	opacity: 0.2;
	-webkit-mask-image: linear-gradient(to right, transparent, #000 50%, transparent);
	mask-image: linear-gradient(to right, transparent, #000 50%, transparent);
}

/* ============ القوائم — شرطة خطية بدل شيفرون الثيم ============ */
.mujab-slab .mujab-slab-points,
.mujab-slab .mujab-slab-stages {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mujab-slab .mujab-slab-points > li,
.mujab-slab .mujab-slab-stages > li {
	position: relative;
	padding: 0;
	padding-inline-start: 22px;
	margin: 0 0 10px;
}
/* ::before واحد يبطل شيفرون fontello العام ويرسم الشرطة */
.mujab-slab .mujab-slab-points > li::before,
.mujab-slab .mujab-slab-stages > li::before {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	top: 0.85em;
	width: 10px;
	height: 1px;
	background: var(--slab-dash);
}
/* ٧-د-٦-ب · البند ٧: النقاط تُوازن المراحل بصرياً — نصّها لم يُمس، والموازنة
   بالحجم (14px مقابل 13.5) والتنفس (18px بين العناصر) وحده. */
.mujab-slab .mujab-slab-points > li {
	max-width: 46ch;
	margin-block-end: 18px;
	font-size: 14px;
	line-height: 1.9;
	color: var(--slab-body);
}
.mujab-slab .mujab-slab-points > li:last-child { margin-block-end: 0; }
/* ٧-د-٦-ب · البند ١: الاسم أبرز والوصف أخفت — ينفصلان بالعين لا بالقراءة */
.mujab-slab .mujab-slab-stages > li { margin-block-end: 18px; }
.mujab-slab .mujab-slab-stages > li:last-child { margin-block-end: 0; }
.mujab-slab .mujab-slab-stages > li > strong {
	display: block;
	margin-block-end: 2px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--slab-text);
}
.mujab-slab .mujab-slab-stages > li > span {
	display: block;
	max-width: 42ch;
	font-size: 13px;
	line-height: 1.8;
	color: var(--slab-muted);
}
.mujab-slab .mujab-slab-line {
	margin: 20px 0 0;
	max-width: 46ch;
	font-size: 13.5px;
	line-height: 1.95;
	color: var(--slab-body);
}
.mujab-slab .mujab-slab-line--key {
	font-size: 14px;
	font-weight: 600;
	color: var(--slab-text);
}

/* ============ القاعدة: سطر المخرجات + الجدول + الزر ============ */
.mujab-slab .mujab-slab-base {
	border-block-start: 1px solid var(--slab-hairline);
	padding-block-start: 44px;
}
/* ٧-د-٦-ب · البند ٢: الوعد الثلاثي في سطر واحد بارز — حدّ خفيف وسطح شفاف
   يميّزه عن الفقرات، ⛔ بلا عناوين ولا كتلة. جملة اقتباس لمحركات الإجابة. */
.mujab-slab .mujab-slab-delivline {
	margin: 0;
	padding: 16px 20px;
	border: 1px solid var(--slab-hairline-strong);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.022);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.85;
	color: var(--slab-text);
}

/* ============ الجدول ============ */
/* ٧-د-٦-ب · البند ٥: تنفس أوسع بين الكتل الأربع — الجدول يبتعد عن سطر المخرجات */
.mujab-slab .mujab-slab-tablewrap {
	position: relative;
	margin-block-start: 52px;
}
/* تظليل عمود مُجاب — 7٪ يتلاشى نحو الأسفل · ⛔ لا كتلة صلبة */
.mujab-slab .mujab-slab-tablewrap::before {
	content: '';
	position: absolute;
	inset-block: 0;
	inset-inline-start: 28%;
	width: 24%;
	background: linear-gradient(180deg, var(--slab-tint), rgba(139, 47, 232, 0));
	pointer-events: none;
}
.mujab-slab .mujab-slab-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 0;
	background: none;
	border: 0;                          /* ⛔ صفر صندوق خارجي */
}
.mujab-slab .mujab-slab-table .mujab-slab-col-crit { width: 28%; }
.mujab-slab .mujab-slab-table th,
.mujab-slab .mujab-slab-table td {
	border: 0;                          /* ⛔ صفر خط عمودي · صفر تعبئة خلايا */
	background: none;
	padding: 18px 12px;
	font-size: 12.5px;
	font-weight: 400;
	line-height: 1.7;
	text-align: center;
	vertical-align: middle;
	color: var(--slab-body);
}
.mujab-slab .mujab-slab-table thead th {
	padding-block: 12px;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: normal;             /* انحراف معلن عن .04em — قاعدة الموجة ٤ */
	color: var(--slab-muted);
}
.mujab-slab .mujab-slab-table tbody th[scope="row"] {
	padding-inline-start: 0;
	font-size: 12.5px;
	font-weight: 500;
	text-align: start;
	color: var(--slab-body);
}
/* عمود مُجاب: نص أوضح + نقطة بنفسجية يمين رأسه */
.mujab-slab .mujab-slab-table thead th:nth-child(2),
.mujab-slab .mujab-slab-table tbody td:nth-child(2) { color: var(--slab-text); }
.mujab-slab .mujab-slab-table thead th:nth-child(2)::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-inline-end: 8px;
	border-radius: 50%;
	background: var(--slab-accent);
	vertical-align: 1px;
}
/* الخطوط الأفقية وحدها — tr::after حتى تُرسم بـscaleX عند الظهور */
.mujab-slab .mujab-slab-table tr { position: relative; }
.mujab-slab .mujab-slab-table tr::after {
	content: '';
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 1px;
	background: var(--slab-hairline);
	transform-origin: var(--slab-origin) center;
}
.mujab-slab .mujab-slab-table thead tr::after { background: var(--slab-hairline-strong); }

/* علامات الجدول — SVG مضمّنة بثلاثة أشكال مختلفة (لا لون وحده) */
.mujab-slab .mujab-slab-mark {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-inline-end: 7px;
	vertical-align: -3px;
	stroke: currentColor;
	fill: none;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.mujab-slab .mujab-slab-mark--yes { color: var(--slab-mark-yes); }
.mujab-slab .mujab-slab-mark--no { color: var(--slab-mark-no); }
.mujab-slab .mujab-slab-mark--part { color: var(--slab-mark-part); }

/* تفتيح خفيف عند مرور الماوس على الصف — اختياري في المواصفة */
@media (hover: hover) and (pointer: fine) {
	.mujab-slab .mujab-slab-table tbody tr:hover { background: rgba(255, 255, 255, 0.02); }
}

/* ============ كتل الجوال (بديل الجدول ≤767) ============ */
.mujab-slab .mujab-slab-cards { display: none; }

/* ============ سطر أسفل الجدول + زر الدعوة ============ */
.mujab-slab .mujab-slab-note {
	margin: 22px 0 0;
	max-width: 60ch;
	font-size: 13.5px;
	line-height: 1.95;
	color: var(--slab-body);
}
.mujab-slab .mujab-slab-ctawrap {
	margin-block-start: 44px;
	display: flex;
	justify-content: center;
}
.mujab-slab .mujab-slab-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	padding: 14px 40px;
	border-radius: 12px;
	background: linear-gradient(135deg, #8B2FE8, #04809C);
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	text-decoration: none;
	transition: background-color 150ms ease, color 150ms ease;
}
.mujab-slab .mujab-slab-cta:hover,
.mujab-slab .mujab-slab-cta:focus-visible {
	background: #1A2B6B;
	color: #FFFFFF;
	text-decoration: none;
}
.mujab-slab .mujab-slab-cta:focus-visible {
	outline: 3px solid var(--slab-focus);
	outline-offset: 3px;
}

/* ============ المقاسات ============ */
@media (max-width: 1279px) {
	.mujab-slab .mujab-slab-inner { padding-block: clamp(48px, 6vw, 80px); }
	.mujab-slab .mujab-slab-points > li,
	.mujab-slab .mujab-slab-line { max-width: 42ch; }
}

/* ٧٦٨–٩٩١ وما دون: النصفان يتراكبان والدرز يصير أفقياً */
@media (max-width: 991px) {
	.mujab-slab .mujab-slab-halves { grid-template-columns: 1fr; }
	.mujab-slab .mujab-slab-half--custom {
		padding-inline-end: 0;
		padding-block-end: 4px;
	}
	.mujab-slab .mujab-slab-half--managed {
		padding-inline-start: 0;
		padding-block-start: 4px;
	}
	.mujab-slab .mujab-slab-seam {
		position: relative;
		inset-block: auto;
		inset-inline-start: auto;
		width: 100%;
		height: 2px;
		margin-block: 30px;
		background: linear-gradient(var(--slab-hseam-grad), var(--slab-seam-a), var(--slab-seam-b));
	}
	.mujab-slab .mujab-slab-seam::before {
		inset-inline-start: 0;
		inset-block-start: -3px;
		width: 100%;
		height: 8px;
		background: linear-gradient(var(--slab-hseam-grad), var(--slab-seam-a), var(--slab-seam-b));
		-webkit-mask-image: linear-gradient(to bottom, transparent, #000 50%, transparent);
		mask-image: linear-gradient(to bottom, transparent, #000 50%, transparent);
	}
}

/* الجوال ≤767: هوامش 16 وزوايا 20 (فاتح) · كتل بدل الجدول
   ٧-د-٦-ب · البند ٨: الحشوة الرأسية للوح 44 والأفقية 19 (كانت 52/22)
   والمسافة حول الدرز الأفقي 22 (كانت 28) — بلا مسّ الإطار ولا الزوايا. */
@media (max-width: 767px) {
	.mujab-slab { padding: 44px 16px; }
	html[data-mujab-theme="dark"] .mujab-slab { padding: 0; }
	.mujab-slab .mujab-slab-head { margin-block-end: 34px; }
	.mujab-slab .mujab-slab-note { margin-block-start: 18px; }
	.mujab-slab .mujab-slab-ctawrap { margin-block-start: 30px; }
	.mujab-slab .mujab-slab-frame { border-radius: 20px; }
	html[data-mujab-theme="dark"] .mujab-slab .mujab-slab-frame { border-radius: 0; }
	.mujab-slab .mujab-slab-inner { padding: 44px 19px; }
	.mujab-slab .mujab-slab-seam { margin-block: 22px; }
	.mujab-slab { --slab-basegap: 40px; }
	.mujab-slab .mujab-slab-base { padding-block-start: 32px; }
	.mujab-slab .mujab-slab-delivline { padding: 14px 16px; font-size: 14.5px; }
	.mujab-slab .mujab-slab-tablewrap { margin-block-start: 32px; }
	.mujab-slab .mujab-slab-points > li,
	.mujab-slab .mujab-slab-stages > li { margin-block-end: 16px; }
	.mujab-slab .mujab-slab-half { padding-block: 6px 0; }
	.mujab-slab .mujab-slab-half--custom { padding-block-end: 0; }
	.mujab-slab .mujab-slab-tablewrap::before { content: none; }
	.mujab-slab .mujab-slab-table { display: none; }
	.mujab-slab .mujab-slab-cards { display: grid; gap: 14px; }
	.mujab-slab .mujab-slab-tcard { padding: 12px 14px 4px; }
	/* كتلة مُجاب أولاً ومميّزة: حدّ يمين بنفسجي 2px + تظليل يتلاشى */
	.mujab-slab .mujab-slab-tcard--mujab {
		border-inline-start: 2px solid var(--slab-accent);
		background: linear-gradient(180deg, rgba(139, 47, 232, 0.06), rgba(139, 47, 232, 0));
	}
	.mujab-slab .mujab-slab-tcard-name {
		margin: 0 0 4px;
		font-size: 14px;
		font-weight: 600;
		color: var(--slab-text);
	}
	.mujab-slab .mujab-slab-tcard dl { margin: 0; }
	/* ٧-د-٦-ب · البند ٨: صف الكتلة سطر واحد (معيار يمين · قيمة يسار) بدل
	   سطرين — نفس المحتوى حرفياً، والارتفاع ينزل من ٧٧px إلى ~٣٧.
	   ويلتفّ تلقائياً لو ضاق العرض (wrap) فلا يُقصّ نص أبداً. */
	.mujab-slab .mujab-slab-tcard-row {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		justify-content: space-between;
		gap: 4px 12px;
		border-block-start: 1px solid var(--slab-hairline);
		padding-block: 9px;
	}
	.mujab-slab .mujab-slab-tcard-row dt {
		margin: 0;
		flex: 0 1 auto;
		font-size: 11.5px;
		font-weight: 500;
		line-height: 1.7;
		color: var(--slab-muted);
	}
	.mujab-slab .mujab-slab-tcard-row dd {
		margin: 0;
		flex: 0 1 auto;
		font-size: 12.5px;
		line-height: 1.7;
		text-align: end;
		color: var(--slab-body);
	}
	.mujab-slab .mujab-slab-tcard--mujab .mujab-slab-tcard-row dd { color: var(--slab-text); }
	.mujab-slab .mujab-slab-cta { width: 100%; }
	.mujab-slab .mujab-slab-ctawrap { margin-block-start: 36px; }
}

@media (max-width: 359px) {
	.mujab-slab .mujab-slab-inner { padding-inline: 18px; }
	.mujab-slab .mujab-slab-tcard { padding-inline: 12px; }
}

/* ============ الظهور — مرة واحدة · محكوم بالحركة المسموحة ============ */
@media screen and (prefers-reduced-motion: no-preference) {
	/* قبل دخول القسم منطقة العرض: اللوح كله مخفي (بشرط كلاس --anim من الجافاسكربت) */
	.mujab-slab.mujab-slab--anim:not(.mujab-slab--in) .mujab-slab-frame { opacity: 0; }

	.mujab-slab.mujab-slab--in .mujab-slab-frame {
		animation: mujabSlabRise 600ms ease-out 0ms both;
	}
	.mujab-slab.mujab-slab--in .mujab-slab-kicker,
	.mujab-slab.mujab-slab--in .mujab-slab-title,
	.mujab-slab.mujab-slab--in .mujab-slab-lede {
		animation: mujabSlabRiseS 500ms ease-out 120ms both;
	}
	.mujab-slab.mujab-slab--in .mujab-slab-seam {
		animation: mujabSlabSeamY 900ms cubic-bezier(0.4, 0, 0.2, 1) 260ms both;
		transform-origin: 50% 0;
	}
	.mujab-slab.mujab-slab--in .mujab-slab-half--custom {
		animation: mujabSlabRiseXS 500ms ease-out 420ms both;
	}
	.mujab-slab.mujab-slab--in .mujab-slab-half--managed {
		animation: mujabSlabRiseXS 500ms ease-out 520ms both;
	}
	/* القاعدة كلها (خطها الشعري + تظليل العمود) تدخل قبل تفاصيلها بلحظة —
	   حتى لا يظهر الخط والتظليل معلّقين قبل محتواهما */
	.mujab-slab.mujab-slab--in .mujab-slab-base {
		animation: mujabSlabFade 400ms ease-out 600ms both;
	}
	.mujab-slab.mujab-slab--in .mujab-slab-delivline {
		animation: mujabSlabRiseXS 500ms ease-out 640ms both;
	}
	/* خطوط الجدول تُرسم من اليمين بتتابع 60ms */
	.mujab-slab.mujab-slab--in .mujab-slab-table thead tr::after { animation: mujabSlabLine 400ms ease-out 700ms both; }
	.mujab-slab.mujab-slab--in .mujab-slab-table tbody tr:nth-child(1)::after { animation: mujabSlabLine 400ms ease-out 760ms both; }
	.mujab-slab.mujab-slab--in .mujab-slab-table tbody tr:nth-child(2)::after { animation: mujabSlabLine 400ms ease-out 820ms both; }
	.mujab-slab.mujab-slab--in .mujab-slab-table tbody tr:nth-child(3)::after { animation: mujabSlabLine 400ms ease-out 880ms both; }
	.mujab-slab.mujab-slab--in .mujab-slab-table tbody tr:nth-child(4)::after { animation: mujabSlabLine 400ms ease-out 940ms both; }
	/* محتوى كل صف يظهر مع خطه */
	.mujab-slab.mujab-slab--in .mujab-slab-table thead tr > * { animation: mujabSlabFade 350ms ease-out 700ms both; }
	.mujab-slab.mujab-slab--in .mujab-slab-table tbody tr:nth-child(1) > * { animation: mujabSlabFade 350ms ease-out 760ms both; }
	.mujab-slab.mujab-slab--in .mujab-slab-table tbody tr:nth-child(2) > * { animation: mujabSlabFade 350ms ease-out 820ms both; }
	.mujab-slab.mujab-slab--in .mujab-slab-table tbody tr:nth-child(3) > * { animation: mujabSlabFade 350ms ease-out 880ms both; }
	.mujab-slab.mujab-slab--in .mujab-slab-table tbody tr:nth-child(4) > * { animation: mujabSlabFade 350ms ease-out 940ms both; }
	/* كتل الجوال + السطر الختامي + الزر */
	.mujab-slab.mujab-slab--in .mujab-slab-tcard:nth-child(1) { animation: mujabSlabRiseXS 450ms ease-out 700ms both; }
	.mujab-slab.mujab-slab--in .mujab-slab-tcard:nth-child(2) { animation: mujabSlabRiseXS 450ms ease-out 790ms both; }
	.mujab-slab.mujab-slab--in .mujab-slab-tcard:nth-child(3) { animation: mujabSlabRiseXS 450ms ease-out 880ms both; }
	.mujab-slab.mujab-slab--in .mujab-slab-note { animation: mujabSlabFade 350ms ease-out 1030ms both; }
	.mujab-slab.mujab-slab--in .mujab-slab-ctawrap { animation: mujabSlabFade 400ms ease-out 1100ms both; }
}
/* الدرز الأفقي (≤991) يُرسم بـscaleX من جهة البداية */
@media screen and (prefers-reduced-motion: no-preference) and (max-width: 991px) {
	.mujab-slab.mujab-slab--in .mujab-slab-seam {
		animation-name: mujabSlabSeamX;
		transform-origin: var(--slab-origin) 50%;
	}
}

@keyframes mujabSlabRise {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: none; }
}
@keyframes mujabSlabRiseS {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: none; }
}
@keyframes mujabSlabRiseXS {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: none; }
}
@keyframes mujabSlabSeamY {
	from { transform: scaleY(0); }
	to { transform: scaleY(1); }
}
@keyframes mujabSlabSeamX {
	from { transform: scaleX(0); }
	to { transform: scaleX(1); }
}
@keyframes mujabSlabLine {
	from { transform: scaleX(0); }
	to { transform: scaleX(1); }
}
@keyframes mujabSlabFade {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* ============ الطباعة — اللوح يقلب أبيض حتى لا يحرق الحبر ============ */
@media print {
	.mujab-slab {
		--slab-text: #000000;
		--slab-body: #222222;
		--slab-muted: #555555;
		--slab-hairline: #999999;
		--slab-hairline-strong: #777777;
		--slab-dash: #777777;
		--slab-kicker: #333333;
		--slab-accent: #000000;
		--slab-tint: rgba(0, 0, 0, 0.04);
		--slab-mark-yes: #000000;
		--slab-mark-no: #777777;
		--slab-mark-part: #444444;
		background: #FFFFFF;
		padding: 24px 0;
	}
	.mujab-slab .mujab-slab-frame {
		background: #FFFFFF;
		box-shadow: none;
		border: 0;
		border-radius: 0;
	}
	.mujab-slab .mujab-slab-frame::before { content: none; }
	.mujab-slab .mujab-slab-half--custom { background: none; }
	.mujab-slab .mujab-slab-seam { background: #999999; }
	.mujab-slab .mujab-slab-seam::before { content: none; }
	.mujab-slab .mujab-slab-cta {
		background: #FFFFFF;
		color: #000000;
		border: 1px solid #000000;
	}
}

/* ============ وضع التباين العالي — الخطوط الشفافة تختفي فتلزم حدود صريحة ============ */
@media (forced-colors: active) {
	.mujab-slab .mujab-slab-table thead th { border-block-end: 1px solid CanvasText; }
	.mujab-slab .mujab-slab-table tbody th,
	.mujab-slab .mujab-slab-table tbody td { border-block-start: 1px solid CanvasText; }
	.mujab-slab .mujab-slab-base { border-block-start-color: CanvasText; }
	.mujab-slab .mujab-slab-seam { background: CanvasText; }
	.mujab-slab .mujab-slab-tcard-row { border-block-start-color: CanvasText; }
	.mujab-slab .mujab-slab-tcard--mujab { border-inline-start-color: Highlight; }
	.mujab-slab .mujab-slab-cta { border: 1px solid ButtonText; }
}