/* ==========================================================================
   مذاكرة 8.2 — طبقة التحسين النهائية (تُحمَّل بعد v6.css)
   المسافات الموحّدة · البطل وعرض السؤال المتحرك · مبدّلات البلد بمحاذاة RTL
   قسم الاشتراكات · بطاقات المناهج · مكتبة المقالات · التجاوب الكامل
   لا تغيّر النصوص ولا العناوين ولا الروابط: تنسيق فقط.
   ========================================================================== */

:root {
	/* نظام مسافات موحّد للأقسام: أقل من السابق (64–112) مع مساحة تنفس كافية */
	--sec-y: clamp(44px, 5.2vw, 76px);
	--head-gap: clamp(20px, 2.4vw, 32px);
	--ease-out: cubic-bezier(.22, .8, .24, 1);
}

/* ---------- 1. إيقاع الأقسام ---------- */
.m-sec { padding-block: var(--sec-y); }
.m-sec + .m-sec:not(.m-sec-soft):not(.m-deep) { padding-top: calc(var(--sec-y) * .8); }
.m-head { margin-bottom: var(--head-gap); }
.m-split-head { margin-bottom: var(--head-gap); }
.m-after { margin-top: clamp(18px, 2.4vw, 28px); }
.m-hero { margin-bottom: clamp(8px, 1.6vw, 20px); }
.m-marquee { margin-block: clamp(4px, 1vw, 12px) 0; }
.m-close { margin-block: clamp(32px, 4.5vw, 56px) 0; }
.site-footer { margin-top: clamp(40px, 5vw, 64px) !important; }
.block-sec { margin-top: clamp(32px, 4.5vw, 56px); }

/* ---------- 2. البطل: العرض المتحرك كاملًا دون قص ---------- */
.m-hero { max-height: none !important; min-height: 0; overflow: hidden; align-items: center; }
.m-stage { padding: 28px 18px 24px; display: grid; place-items: center; isolation: isolate; }
.m-stage .m-demo { width: 100%; max-width: 480px; }
/* الصفحتان خلف البطاقة: أقصر وأقل ميلًا فتبقيان داخل مساحة البطل */
.m-page { top: 56px; bottom: 44px; width: 52%; }
.m-page-1 { inset-inline-start: 6%; transform: rotate(5deg); }
.m-page-2 { inset-inline-end: 6%; transform: rotate(-5deg); }
/* ارتفاع ثابت يمنع إزاحة التخطيط (CLS) عند تبدّل الأسئلة في العرض المتحرك */
.m-demo-body { min-height: 400px; display: flex; flex-direction: column; }
.m-demo-fb { min-height: 64px; }
.m-card-foot { margin-top: auto; }
@media (max-width: 960px) {
	.m-stage { padding: 20px 8px 8px; }
	.m-stage .m-demo { max-width: 520px; }
	.m-page { top: 40px; bottom: 24px; width: 70%; }
	.m-page-1 { inset-inline-start: 4%; transform: rotate(3deg); }
	.m-page-2 { inset-inline-end: 4%; transform: rotate(-3deg); }
}
@media (max-width: 560px) {
	.m-stage { padding: 12px 0 0; }
	.m-page { display: none; }
	.m-demo-body { padding: 16px 14px 12px; min-height: 420px; }
	.m-demo-fb { min-height: 76px; }
	.m-hero-stats { grid-template-columns: 1fr 1fr; }
}

/* ---------- 3. مبدّلات البلد: تحت العنوان وعلى جهة البداية (يمين RTL) ---------- */
.m-split-head:has([data-country-tabs]) { flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 16px; }
.m-split-head:has([data-country-tabs]) .m-head { max-width: 760px; }
.m-split-head:has([data-country-tabs]) > [data-country-tabs] { align-self: flex-start; margin-inline: 0 !important; }
.m-tabs, .x-pricing .seg-country {
	display: flex; flex-wrap: nowrap; gap: 4px; width: max-content; max-width: 100%;
	overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: none;
	padding: 5px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--line);
}
.m-tabs::-webkit-scrollbar, .x-pricing .seg-country::-webkit-scrollbar { display: none; }
.m-tab, .x-pricing .seg-country .chip {
	flex: none; scroll-snap-align: start; display: inline-flex; align-items: center; gap: 8px;
	min-height: 44px; padding: 0 16px; border-radius: 12px; white-space: nowrap; font-weight: 700;
	transition: background .2s, color .2s;
}
@media (max-width: 560px) {
	.m-tabs, .x-pricing .seg-country { width: 100%; }
	.m-tab, .x-pricing .seg-country .chip { padding: 0 12px; }
	/* تلميح بصري بأن الشريط قابل للتمرير */
	.m-split-head:has([data-country-tabs]) .m-tabs { mask-image: linear-gradient(to left, #000 85%, transparent); -webkit-mask-image: linear-gradient(to left, #000 85%, transparent); }
}

/* ---------- 4. قسم الاشتراكات ---------- */
/* الرئيسية: إلغاء التوزيع القديم (العنوان والمبدّلات في عمود جانبي) */
#pricing { display: block !important; }
#pricing > .m-head { margin-inline: auto; text-align: center; justify-items: center; }
#pricing .x-pricing, .home #pricing .x-plans { display: block; }
.x-pricing { display: grid; gap: clamp(18px, 2.4vw, 28px); }
.x-price-controls, #pricing .x-price-controls {
	display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center !important;
	justify-content: center !important; gap: 10px 14px; margin: 0 0 clamp(26px, 3vw, 34px) !important;
}
.x-pricing .seg-per { display: inline-flex; gap: 4px; padding: 5px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.x-pricing .seg-per button { min-height: 44px; padding: 0 18px; border-radius: 12px; font-weight: 700; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.x-pricing .seg .on, .x-pricing .seg-per .on { background: var(--deep); color: #fff; }
.x-pricing .seg-per .on .save-tag { background: rgba(255, 255, 255, .18); color: #fff; }

.x-plans, #pricing .x-plans, .home #pricing .x-plans {
	display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 2vw, 22px);
	max-width: 940px; width: 100%; margin-inline: auto; margin-top: 10px; align-items: stretch;
}
#pricing .x-plan:not(.x-plan-pro), #pricing .x-plan-pro, .x-plans > .x-plan { grid-column: auto !important; grid-row: auto !important; }
.x-plan { display: flex; flex-direction: column; gap: 14px; padding: clamp(20px, 2.6vw, 30px); border-radius: 24px; }
.x-plan .x-feat { margin-top: 2px; }
.x-plan-btn { width: 100%; min-height: 50px; }
/* زر الاشتراك فوق القائمة في الباقتين، بنفس الموضع ليسهل المقارنة */
.x-plan .price-box, .x-plan > .x-price { min-height: 88px; }
.x-plan-pro { position: relative; }
.x-plan-flag { position: absolute; top: -13px; inset-inline-start: 24px; }
details.x-compare, #pricing details.x-compare, #pricing details.x-compare[open] { grid-column: 1 / -1 !important; grid-row: auto !important; margin: 0; padding: 0 !important; min-height: 0 !important; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
details.x-compare > summary { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 0 20px; cursor: pointer; font-weight: 800; color: var(--deep); list-style: none; }
details.x-compare > summary::-webkit-details-marker { display: none; }
details.x-compare > summary::after { content: ""; width: 8px; height: 8px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg) translateY(-2px); transition: transform .2s; }
details.x-compare[open] > summary::after { transform: rotate(-135deg); }
details.x-compare .tw { padding: 0 clamp(10px, 2vw, 20px) 16px; overflow-x: auto; }
.x-assure { max-width: 940px; margin-inline: auto; width: 100%; }
@media (max-width: 760px) {
	.x-plans, #pricing .x-plans, .home #pricing .x-plans { grid-template-columns: 1fr; max-width: 520px; }
	/* المدفوعة أولًا على الجوال لأنها محور القرار */
	.x-plan-pro { order: -1; margin-top: 12px; }
	.x-price-controls, #pricing .x-price-controls { flex-direction: column !important; align-items: stretch !important; }
	.x-pricing .seg-per { width: 100%; }
	.x-pricing .seg-per button { flex: 1; justify-content: center; }
}

/* ---------- 5. بطاقات المناهج («مناهج أخرى» وصفحة المناهج) ---------- */
.countries { gap: clamp(14px, 2vw, 22px); }
.country {
	--k: var(--violet);
	position: relative; display: block; isolation: isolate; overflow: hidden;
	min-height: 300px; border: 0; border-radius: 26px; background: var(--night);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 18px 40px -26px rgba(59, 29, 122, .55);
	color: #fff; transition: transform .45s var(--ease-out), box-shadow .45s var(--ease-out);
}
.country[data-country-card="palestine"] { --k: #1FA89A; }
.country[data-country-card="egypt"] { --k: #FBB414; }
.country[data-country-card="jordan"] { --k: #D2655F; }
.country[data-country-card="saudi"] { --k: #2F8F6B; }
.country:hover { transform: translateY(-4px); border-color: transparent; box-shadow: 0 28px 50px -26px rgba(59, 29, 122, .6); }
.country:focus-visible { outline: 3px solid var(--violet-2); outline-offset: 3px; }
.country-img { position: absolute !important; inset: 0; width: auto !important; aspect-ratio: auto; z-index: -2; background: var(--tint); }
.country.is-mine { box-shadow: 0 0 0 3px var(--mint), 0 18px 40px -26px rgba(59, 29, 122, .55); }
.country-img img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; transition: transform .9s var(--ease-out); }
.country:hover .country-img img { transform: scale(1.06); }
/* تظليل متدرج يضمن قراءة النص فوق أي صورة */
.country::before {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background: linear-gradient(180deg, rgba(27, 16, 56, 0) 18%, rgba(27, 16, 56, .62) 48%, rgba(27, 16, 56, .95) 100%);
}
/* علامة مائية: رمز الشعار داخل دائرة زجاجية صغيرة */
.country::after {
	content: ""; position: absolute; top: 14px; inset-inline-end: 14px; width: 40px; height: 40px; border-radius: 12px;
	background: rgba(255, 255, 255, .78) url("../img/icon.png") center / 24px auto no-repeat;
	box-shadow: 0 6px 16px -8px rgba(27, 16, 56, .5); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
	opacity: .92; transition: transform .45s var(--ease-out);
}
.country:hover::after { transform: rotate(-6deg) scale(1.05); }
.country-body {
	position: absolute; inset-inline: 0; bottom: 0; display: grid; gap: 6px; padding: 18px 20px 20px; background: none;
}
.country-body::before { content: ""; width: 36px; height: 4px; border-radius: 4px; background: var(--k); margin-bottom: 4px; transition: width .45s var(--ease-out); }
.country:hover .country-body::before { width: 64px; }
.country-name { color: #fff; font-size: clamp(1.2rem, 1rem + .6vw, 1.45rem); gap: 10px; }
.country-name b { color: #fff; }
.country-exam { color: rgba(255, 255, 255, .86); font-size: .92rem; font-weight: 600; }
.country-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.country-meta span { padding: 3px 10px; border-radius: 999px; background: rgba(255, 255, 255, .16); color: #fff; font-size: .8rem; font-weight: 700; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.country .go {
	display: inline-flex; align-items: center; gap: 8px; justify-self: start; margin-top: 8px;
	min-height: 40px; padding: 0 16px; border-radius: 12px; background: #fff; color: var(--deep); font-weight: 800; font-size: .9rem;
	transition: gap .3s var(--ease-out), background .3s;
}
.country .go::after { content: "←"; font-weight: 800; transition: transform .3s var(--ease-out); }
.country:hover .go { background: var(--tint); gap: 12px; }
.countries-sm { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.countries-sm .country { min-height: 280px; }
@media (max-width: 900px) { .countries-sm { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
	.countries-sm, .countries { grid-template-columns: 1fr; }
	.country, .countries-sm .country { min-height: 250px; }
}
@media (hover: none) { .country:hover { transform: none; } }

/* ---------- 6. مكتبة المقالات في الرئيسية ---------- */
.m-lib { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: dense; }
.m-lib > .x-post-lead { grid-column: span 2; grid-row: span 3; }
.m-lib > .x-post-lead .x-cover { height: 100%; min-height: 380px; aspect-ratio: auto; }
.m-lib > .x-post-cover, .m-lib > .x-post-card { grid-column: span 1; min-width: 0; }
.m-lib > .x-post-cover .x-cover, .m-lib > .x-post-card .x-cover { min-height: 0; height: 210px; aspect-ratio: auto; }
.m-lib > .x-post-row { grid-column: span 2; min-width: 0; }
.m-lib > * { min-width: 0; }
@media (max-width: 960px) {
	.m-lib { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.m-lib > .x-post-lead { grid-column: 1 / -1; grid-row: auto; }
	.m-lib > .x-post-lead .x-cover { min-height: 300px; }
	.m-lib > .x-post-row { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
	.m-lib { grid-template-columns: 1fr; }
	.m-lib > * { grid-column: auto !important; }
	.m-lib > .x-post-lead .x-cover { min-height: 260px; }
	.m-lib > .x-post-cover .x-cover, .m-lib > .x-post-card .x-cover { height: 200px; }
}

/* ---------- 7. لمسات عامة للتجاوب واللمس ---------- */
img, video, svg, iframe { max-width: 100%; }
.tw { overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (max-width: 560px) {
	.m-btn, .btn { min-height: 46px; }
	.m-actions { display: grid; gap: 10px; }
	.m-actions .m-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.country, .country-img img, .country::after, .country .go { transition: none !important; }
}

/* ---------- 8. صفحة «من نحن»: نص منظّم بدل قائمة نقطية تقليدية ---------- */
.page-template-page-about .article { max-width: none; }
.page-template-page-about .stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-block: clamp(22px, 3vw, 34px); }
.page-template-page-about .entry-content { max-width: 980px; margin-inline: auto; font-size: 1.04rem; }
.page-template-page-about .entry-content > h2 { position: relative; display: flex; align-items: center; gap: 12px; margin-top: clamp(30px, 4vw, 48px); font-size: clamp(1.3rem, 1rem + 1vw, 1.75rem); color: var(--deep); }
.page-template-page-about .entry-content > h2::before { content: ""; width: 30px; height: 10px; border-radius: 10px; background: linear-gradient(90deg, var(--violet) 0 50%, var(--mint) 50%); flex: none; }
.page-template-page-about .entry-content > h2:first-child { margin-top: 0; }
/* أول فقرة: بيان الرسالة بخط أكبر داخل بطاقة هادئة */
.page-template-page-about .entry-content > h2:first-child + p { padding: clamp(18px, 2.6vw, 28px); border-radius: 22px; background: linear-gradient(135deg, var(--tint) 0%, #fff 70%); box-shadow: inset 0 0 0 1px var(--line); font-size: clamp(1.05rem, 1rem + .3vw, 1.2rem); color: var(--deep); line-height: 1.95; }
.page-template-page-about .entry-content > ul { list-style: none; padding: 0; margin: 16px 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; counter-reset: v; }
.page-template-page-about .entry-content > ul > li { counter-increment: v; position: relative; margin: 0; padding: 18px 18px 18px; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: var(--muted); line-height: 1.8; transition: transform .3s var(--ease-out), box-shadow .3s; }
.page-template-page-about .entry-content > ul > li:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--tint-2), 0 16px 30px -22px rgba(59, 29, 122, .5); }
.page-template-page-about .entry-content > ul > li::before { content: counter(v, decimal); display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 10px; border-radius: 11px; background: var(--tint); color: var(--violet); font-weight: 800; font-family: Poppins, var(--f, sans-serif); }
.page-template-page-about .entry-content > ul > li:nth-child(3n+2)::before { background: var(--mint-bg); color: var(--teal); }
.page-template-page-about .entry-content > ul > li:nth-child(3n)::before { background: var(--amber-bg); color: var(--amber-ink); }
.page-template-page-about .entry-content > ul > li strong { display: block; color: var(--deep); font-size: 1.05rem; margin-bottom: 2px; }
.page-template-page-about .entry-content > p:last-child { font-size: .9rem; color: var(--muted); padding: 10px 14px; border-radius: 12px; background: var(--neutral); }
.page-template-page-about .cta-box { max-width: 980px; margin: clamp(30px, 4vw, 48px) auto 0; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 6px 24px; padding: clamp(22px, 3.4vw, 40px); border: 0; border-radius: 26px; background: var(--g-deep); color: #fff; box-shadow: var(--sh-lg); }
.page-template-page-about .cta-box h3 { grid-column: 1; margin: 0; color: #fff; font-size: clamp(1.25rem, 1rem + .9vw, 1.6rem); }
.page-template-page-about .cta-box p { grid-column: 1; margin: 0; color: rgba(255, 255, 255, .85); }
.page-template-page-about .cta-box .btn { grid-column: 2; grid-row: 1 / span 2; background: #fff; color: var(--deep); min-height: 50px; padding-inline: 28px; }
@media (max-width: 700px) {
	.page-template-page-about .stats { grid-template-columns: 1fr 1fr; }
	.page-template-page-about .cta-box { grid-template-columns: 1fr; text-align: center; }
	.page-template-page-about .cta-box .btn { grid-column: 1; grid-row: auto; justify-self: center; margin-top: 10px; }
}

/* ==========================================================================
   8.3 — منتقي المنهج، الامتحانات السابقة، صفحة المناهج، إحصاءات «من نحن»، بطل مضغوط
   ========================================================================== */

/* ---------- 9. منتقي المنهج والمادة (الرئيسية) ---------- */
.pk { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 12px 20px; align-items: start; }
.pk-steps { grid-column: 1 / -1; display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 20px; }
.pk-step { display: inline-flex; align-items: center; gap: 8px; font-size: .8rem; font-weight: 800; color: var(--muted); }
.pk-step b { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--tint); color: var(--violet); font-size: .74rem; }
.pk-countries, .cx-countries { display: flex; flex-direction: column; gap: 8px; position: sticky; top: 96px; }
.pk-country {
	position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px;
	width: 100%; padding: 12px 14px; border: 0; border-radius: 16px; background: #fff; color: var(--text);
	box-shadow: inset 0 0 0 1px var(--line); text-align: start; font: inherit; cursor: pointer;
	transition: background .2s, box-shadow .2s, transform .2s var(--ease-out);
}
.pk-country:hover { background: var(--tint); box-shadow: inset 0 0 0 1px var(--tint-2); }
.pk-country:focus-visible { outline: 3px solid var(--violet-2); outline-offset: 2px; }
.pk-country.on { background: var(--g-deep); color: #fff; box-shadow: 0 16px 30px -20px rgba(59, 29, 122, .85); }
.pk-country.on::after { content: ""; position: absolute; top: 50%; inset-inline-end: -6px; width: 14px; height: 14px; border-radius: 3px; background: #3B1D7A; transform: translateY(-50%) rotate(45deg); }
.pk-flag .cflag { display: block; width: 34px; height: 23px; border-radius: 5px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08); }
.pk-ctx { min-width: 0; }
.pk-ctx b { display: block; font-size: .98rem; font-weight: 800; color: var(--deep); line-height: 1.4; }
.pk-ctx small { display: block; font-size: .76rem; line-height: 1.5; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pk-country.on .pk-ctx b { color: #fff; }
.pk-country.on .pk-ctx small { color: rgba(255, 255, 255, .78); }
.pk-count { display: grid; justify-items: center; font-weight: 800; font-size: 1.05rem; line-height: 1.1; color: var(--violet); }
.pk-count small { font-size: .66rem; font-weight: 700; color: var(--muted); }
.pk-country.on .pk-count { color: var(--mint); }
.pk-country.on .pk-count small { color: rgba(255, 255, 255, .7); }

.pk-panel { display: grid; gap: 14px; padding: clamp(14px, 1.8vw, 20px); border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1px var(--line), 0 20px 40px -32px rgba(59, 29, 122, .45); }
.pk-head { display: grid; grid-template-columns: 116px minmax(0, 1fr) auto; align-items: center; gap: 16px; padding-bottom: 14px; border-bottom: 1px dashed var(--line); }
.pk-art { width: 116px; height: 70px; object-fit: cover; border-radius: 14px; display: block; }
.pk-head h3 { margin: 0; font-size: 1.1rem; line-height: 1.45; color: var(--deep); }
.pk-head p { margin: 2px 0 0; font-size: .84rem; color: var(--muted); }
.pk-facts { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; }
.pk-facts li { display: grid; justify-items: center; padding: 6px 12px; border-radius: 12px; background: var(--mint-bg); color: var(--good); font-size: .72rem; font-weight: 700; white-space: nowrap; }
.pk-facts b { font-size: .98rem; color: var(--deep); }
.pk-subjects { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pk-subj {
	display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 12px;
	padding: 12px 14px; border-radius: 16px; background: var(--neutral); color: inherit; text-decoration: none;
	transition: background .2s, box-shadow .2s, transform .2s var(--ease-out);
}
.pk-subj:hover, .pk-subj:focus-visible { background: #fff; box-shadow: inset 0 0 0 1.5px var(--k), 0 12px 24px -18px rgba(59, 29, 122, .5); transform: translateY(-2px); }
.pk-subj-ico, .cx-subj-ico, .xm-ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: var(--k-bg); color: var(--k); font-weight: 800; font-size: 1.1rem; flex: none; }
.pk-subj-ico svg, .cx-subj-ico svg, .xm-ico svg { width: 22px; height: 22px; }
.pk-subj-txt { min-width: 0; display: grid; gap: 2px; justify-items: start; }
.pk-subj-txt b { max-width: 100%; font-size: .98rem; font-weight: 800; color: var(--deep); line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pk-subj-txt small { font-size: .76rem; color: var(--muted); line-height: 1.5; }
.pk-subj-txt .demo-badge, .cx-subj-id .demo-badge, .xm-head .demo-badge { font-size: .66rem; padding: 1px 8px; }
.pk-subj .mini-ring, .cx-subj .mini-ring { width: 34px; height: 34px; }
.pk-go { font-weight: 800; color: var(--k); opacity: .45; transition: opacity .2s, transform .25s var(--ease-out); }
.pk-subj:hover .pk-go { opacity: 1; transform: translateX(-3px); }
.pk-more { justify-self: start; display: inline-flex; align-items: center; gap: 6px; font-weight: 800; font-size: .9rem; color: var(--violet); text-decoration: none; }
.pk-more:hover span { transform: translateX(-3px); }
.pk-more span { transition: transform .25s var(--ease-out); }

@media (max-width: 960px) {
	.pk, .pk-steps { grid-template-columns: minmax(0, 1fr); }
	.pk-steps { display: none; }
	.pk-countries { position: static; flex-direction: row; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; padding: 2px 2px 6px; }
	.pk-countries::-webkit-scrollbar { display: none; }
	.pk-country { flex: 0 0 auto; width: auto; grid-template-columns: auto auto; padding: 10px 14px; scroll-snap-align: start; }
	.pk-country .pk-count { display: none; }
	.pk-country.on::after { display: none; }
	.pk-ctx small { max-width: 170px; }
}
@media (max-width: 640px) {
	.pk-subjects { grid-template-columns: minmax(0, 1fr); }
	.pk-head { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.pk-art { display: none; }
	.pk-facts li { justify-items: start; }
	.pk-subj { padding: 10px 12px; gap: 10px; }
}

/* ---------- 10. الامتحانات السابقة: بطاقة لكل مادة وبلاطة لكل سنة ---------- */
.xm { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.xm-subj { position: relative; display: grid; gap: 12px; padding: 16px; border-radius: 22px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.xm-subj::before { content: ""; position: absolute; inset-block: 16px; inset-inline-start: 0; width: 4px; border-radius: 0 4px 4px 0; background: var(--k); }
.xm-head { display: flex; align-items: center; gap: 10px; min-width: 0; }
.xm-ico { width: 38px; height: 38px; border-radius: 12px; }
.xm-name { margin: 0; font-size: 1rem; line-height: 1.4; }
.xm-name a { color: var(--deep); text-decoration: none; }
.xm-name a:hover { color: var(--violet); }
.xm-n { margin-inline-start: auto; padding: 2px 10px; border-radius: 99px; background: var(--neutral); color: var(--muted); font-size: .72rem; font-weight: 800; white-space: nowrap; }
.xm-years { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; }
.xm-year { display: grid; border-radius: 16px; background: var(--neutral); overflow: hidden; transition: background .2s, box-shadow .2s; }
.xm-year:hover, .xm-year:focus-within { background: #fff; box-shadow: inset 0 0 0 1.5px var(--k); }
.xm-open { display: grid; gap: 2px; padding: 12px 14px 10px; color: var(--deep); text-decoration: none; }
.xm-open b { font-family: Poppins, var(--font, sans-serif); font-size: 1.35rem; font-weight: 700; line-height: 1.1; color: var(--deep); }
.xm-open span { display: inline-flex; align-items: center; gap: 6px; font-size: .76rem; font-weight: 700; color: var(--muted); }
.xm-open svg { width: 14px; height: 14px; color: var(--k); }
.xm-acts { display: flex; border-top: 1px solid rgba(59, 29, 122, .08); }
.xm-act { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 38px; font-size: .76rem; font-weight: 800; color: var(--violet); text-decoration: none; transition: background .2s, color .2s; }
.xm-act svg { width: 14px; height: 14px; }
.xm-act + .xm-act { border-inline-start: 1px solid rgba(59, 29, 122, .08); }
.xm-act.is-play { color: var(--teal); }
.xm-act:hover { background: var(--deep); color: #fff; }
@media (max-width: 760px) {
	.xm { grid-template-columns: minmax(0, 1fr); }
	.xm-years { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- 11. صفحة «المناهج والمواد» ---------- */
.page-template-page-countries .x-pagehero { padding-block: clamp(18px, 2.4vw, 28px) 0; }
.page-template-page-countries .x-pagehero h1 { font-size: clamp(1.5rem, 1.1rem + 1.3vw, 2.1rem) !important; margin-bottom: 6px; }
.page-template-page-countries .x-pagehero .x-sub { font-size: .95rem; max-width: 62ch; margin: 0; }
.cx { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: clamp(16px, 2.2vw, 26px); align-items: start; margin-top: clamp(18px, 2.4vw, 26px); }
.cx-side { position: sticky; top: 92px; display: grid; gap: 8px; }
.cx-side-label { margin: 0; font-size: .76rem; font-weight: 800; color: var(--muted); }
.cx-countries { position: static; }
.cx-main { display: grid; gap: 14px; min-width: 0; }
.cx-panel { display: grid; gap: 12px; }
.cx-cur { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px 16px; padding: 16px 18px; border-radius: 22px; background: linear-gradient(135deg, var(--tint) 0%, #fff 72%); box-shadow: inset 0 0 0 1px var(--line); }
.cx-cur-flag .cflag { display: block; width: 44px; height: 30px; border-radius: 6px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08); }
.cx-cur-id { min-width: 0; }
.cx-cur h2 { margin: 0; font-size: 1.15rem; line-height: 1.45; color: var(--deep); }
.cx-cur-id p { margin: 2px 0 0; font-size: .84rem; color: var(--muted); }
.cx-cur-link { grid-column: 3; grid-row: 1; }
.cx-facts { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.cx-facts > div { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: baseline; gap: 6px; padding: 6px 12px; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.cx-facts dt { font-size: .76rem; font-weight: 700; color: var(--muted); }
.cx-facts dd { margin: 0; font-size: 1rem; font-weight: 800; color: var(--deep); }
.cx-jump { position: sticky; top: 76px; z-index: 6; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 6px; border-radius: 14px; background: rgba(247, 247, 247, .92); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.cx-jump::-webkit-scrollbar { display: none; }
.cx-jump a { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); font-size: .84rem; font-weight: 700; color: var(--deep); text-decoration: none; }
.cx-jump a span { display: inline-grid; place-items: center; color: var(--k); font-weight: 800; }
.cx-jump a span svg { width: 16px; height: 16px; }
.cx-jump a:hover { box-shadow: inset 0 0 0 1.5px var(--k); }
.cx-subjects { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.cx-subj { position: relative; scroll-margin-top: 150px; display: grid; gap: 14px; padding: 16px 18px; border-radius: 22px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.cx-subj::before { content: ""; position: absolute; inset-block: 18px; inset-inline-start: 0; width: 4px; border-radius: 0 4px 4px 0; background: var(--k); }
.cx-subj-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 12px; }
.cx-subj-id h3 { margin: 0; font-size: 1.05rem; line-height: 1.45; }
.cx-subj-id h3 a { color: var(--deep); text-decoration: none; }
.cx-subj-id p { margin: 2px 0 0; font-size: .8rem; color: var(--muted); display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.cx-subj-go.m-btn { background: var(--k-bg); color: var(--k); box-shadow: none; border: 0; }
.cx-subj-go.m-btn:hover { background: var(--k); color: #fff; }
.cx-units { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px; }
.cx-unit { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 10px; row-gap: 4px; height: 100%; padding: 10px 12px; border-radius: 14px; background: var(--neutral); color: inherit; text-decoration: none; transition: background .2s, box-shadow .2s; }
.cx-unit:hover, .cx-unit:focus-visible { background: #fff; box-shadow: inset 0 0 0 1.5px var(--k); }
.cx-unit-n { grid-row: 1 / span 2; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #fff; color: var(--k); font-size: .82rem; font-weight: 800; box-shadow: inset 0 0 0 1.5px var(--k); }
.cx-unit-t { min-width: 0; }
.cx-unit-t b { display: block; font-size: .88rem; font-weight: 800; line-height: 1.45; color: var(--deep); }
.cx-unit-t small { display: block; font-size: .72rem; color: var(--muted); }
.cx-unit .status { grid-column: 2; justify-self: start; padding: 1px 8px; font-size: .66rem; }
.cx-exams { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding-top: 12px; border-top: 1px dashed var(--line); font-size: .8rem; font-weight: 800; color: var(--muted); }
.cx-exams > span { display: inline-flex; align-items: center; gap: 6px; margin-inline-end: 4px; }
.cx-exams > span svg { width: 16px; height: 16px; color: var(--k); }
.cx-exams a { padding: 4px 12px; border-radius: 10px; background: var(--k-bg); color: var(--k); font-family: Poppins, var(--font, sans-serif); text-decoration: none; transition: background .2s, color .2s; }
.cx-exams a:hover { background: var(--k); color: #fff; }
@media (max-width: 960px) {
	.cx { grid-template-columns: minmax(0, 1fr); }
	.cx-side { position: static; }
	.cx-countries { flex-direction: row; overflow-x: auto; scrollbar-width: none; padding: 2px 2px 6px; }
	.cx-countries .pk-country { flex: 0 0 auto; width: auto; grid-template-columns: auto auto; }
	.cx-countries .pk-count, .cx-countries .pk-country.on::after { display: none; }
	.cx-jump { top: 64px; }
}
@media (max-width: 560px) {
	.cx-cur { grid-template-columns: auto minmax(0, 1fr); }
	.cx-cur-link { grid-column: 1 / -1; grid-row: auto; justify-self: stretch; text-align: center; }
	.cx-subj { padding: 14px; }
	.cx-subj-head { grid-template-columns: auto minmax(0, 1fr) auto; }
	.cx-subj-go { grid-column: 1 / -1; width: 100%; justify-content: center; }
	.cx-units { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- 12. إحصاءات «من نحن»: شريط واحد بدل أربع بطاقات ---------- */
.page-template-page-about .stats {
	position: relative; overflow: hidden; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0;
	padding: clamp(18px, 2.6vw, 30px) clamp(10px, 2vw, 20px); border-radius: 26px; background: var(--g-deep); box-shadow: var(--sh-lg);
}
.page-template-page-about .stats::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(180deg, transparent 0 33px, rgba(255, 255, 255, .05) 33px 34px); pointer-events: none; }
.page-template-page-about .stats::after { content: ""; position: absolute; inset-inline-start: -60px; bottom: -90px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(closest-side, rgba(122, 219, 168, .3), transparent 70%); pointer-events: none; }
.page-template-page-about .stats .stat {
	position: relative; z-index: 1; display: grid; gap: 4px; align-content: start; padding: 6px clamp(14px, 2vw, 24px);
	border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
	color: rgba(255, 255, 255, .8); font-size: .9rem; font-weight: 700;
}
.page-template-page-about .stats .stat + .stat { border-inline-start: 1px solid rgba(255, 255, 255, .14) !important; }
.page-template-page-about .stats .stat b { display: block; font-family: Poppins, var(--font, sans-serif); font-size: clamp(1.9rem, 1.3rem + 2vw, 2.8rem); line-height: 1.1; color: #fff; }
.page-template-page-about .stats .stat b::after { content: ""; display: block; width: 28px; height: 4px; margin-top: 8px; border-radius: 4px; background: var(--mint); }
.page-template-page-about .stats .stat:nth-child(2) b::after { background: var(--amber); }
.page-template-page-about .stats .stat:nth-child(3) b::after { background: #B9A2F5; }
.page-template-page-about .stats .stat:nth-child(4) b::after { background: var(--teal); }
@media (max-width: 700px) {
	.page-template-page-about .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 18px; }
	.page-template-page-about .stats .stat + .stat { border-inline-start: 0 !important; }
	.page-template-page-about .stats .stat:nth-child(2n) { border-inline-start: 1px solid rgba(255, 255, 255, .14) !important; }
}

/* ---------- 13. البطل على شاشات اللابتوب القصيرة: يظهر كاملًا فوق الطيّة ---------- */
@media (min-width: 961px) and (max-height: 880px) {
	.m-hero { padding-block: clamp(16px, 2.4vh, 26px) !important; gap: clamp(20px, 3vw, 40px); }
	.m-hero h1 { font-size: clamp(2.2rem, 1rem + 3.4vw, 3.4rem) !important; }
	.m-hero-badge { margin-bottom: 12px; }
	.m-lead { margin-top: 10px; font-size: .98rem; line-height: 1.8; }
	.m-actions { margin-top: 18px; }
	.m-hero-stats { margin-top: 16px; }
	.m-hero-stats li { padding: 8px 12px; }
	.m-stage { padding: 12px 14px 8px; }
	.m-stage .m-demo { max-width: 420px; }
	.m-page { top: 34px; bottom: 22px; }
	.m-demo-chrome { padding: 7px 12px; }
	.m-demo-body { min-height: 318px; padding: 12px 16px 10px; }
	.m-card-q { margin: 8px 0 6px; font-size: .98rem; min-height: 2.4em; }
	.m-opts { gap: 6px; }
	.m-opts .opt { min-height: 38px; padding: 3px 10px; border-radius: 12px; font-size: .9rem; grid-template-columns: 26px 1fr; gap: 10px; }
	.m-opts .opt .l { width: 24px; height: 24px; border-radius: 8px; font-size: .8rem; }
	.m-demo-fb { margin-top: 6px; padding: 7px 12px; min-height: 52px; }
	.m-demo-fb p { font-size: .8rem; }
	.m-demo-cap { padding: 7px 14px; font-size: .74rem; }
}
@media (min-width: 961px) and (max-height: 700px) {
	.m-hero h1 { font-size: clamp(2rem, 1rem + 2.8vw, 2.9rem) !important; }
	.m-lead { font-size: .94rem; }
	.m-demo-cap { display: none; }
	.m-demo-body { min-height: 300px; }
}

/* ---------- 14. بطاقات الامتحانات السابقة بخلفية الدفتر (مثل البطل) ---------- */
.xm-subj {
	--ruled: #ECE7F7;
	padding: 16px 16px 16px;
	padding-inline-start: 52px;
	background-color: #fff;
	background-image:
		linear-gradient(to left, transparent 36px, color-mix(in srgb, var(--k, #7C4DE0) 34%, transparent) 36px, color-mix(in srgb, var(--k, #7C4DE0) 34%, transparent) 38px, transparent 38px),
		repeating-linear-gradient(180deg, transparent 0 31px, var(--ruled) 31px 32px);
	background-position: 0 0, 0 14px;
}
/* خط الهامش بدل شريط اللون الجانبي */
.xm-subj::before { display: none; }
/* ثقوب الدفتر على الهامش */
.xm-subj::after {
	content: ""; position: absolute; top: 18px; bottom: 18px; inset-inline-start: 13px; width: 10px; pointer-events: none;
	background: radial-gradient(circle at 50% 50%, #F2EEFA 0 4px, rgba(59, 29, 122, .14) 4px 5px, transparent 5.5px) 0 0 / 10px 46px repeat-y;
}
.xm-head { min-height: 32px; }
/* السنوات كبطاقات ملاحظات بيضاء فوق السطور */
.xm-year { background: #fff; box-shadow: 0 1px 0 rgba(59, 29, 122, .06), 0 8px 18px -14px rgba(59, 29, 122, .45), inset 0 0 0 1px var(--line); }
.xm-year:hover, .xm-year:focus-within { box-shadow: 0 12px 22px -14px rgba(59, 29, 122, .5), inset 0 0 0 1.5px var(--k); }
.xm-n { background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
@supports not (color: color-mix(in srgb, red 50%, transparent)) {
	.xm-subj { background-image: linear-gradient(to left, transparent 36px, rgba(124, 77, 224, .28) 36px, rgba(124, 77, 224, .28) 38px, transparent 38px), repeating-linear-gradient(180deg, transparent 0 31px, #ECE7F7 31px 32px); }
}
@media (max-width: 560px) {
	.xm-subj { padding-inline-start: 44px; background-image: linear-gradient(to left, transparent 30px, color-mix(in srgb, var(--k, #7C4DE0) 34%, transparent) 30px, color-mix(in srgb, var(--k, #7C4DE0) 34%, transparent) 32px, transparent 32px), repeating-linear-gradient(180deg, transparent 0 31px, #ECE7F7 31px 32px); }
	.xm-subj::after { inset-inline-start: 10px; }
}

/* ---------- 15. بطاقات المواد بورق مربعات (ورق الرياضيات) بلون المادة ---------- */
.pk-subj, .cx-subj {
	position: relative; isolation: isolate; overflow: hidden;
	background-color: #fff;
	box-shadow: inset 0 0 0 1px var(--line);
}
.pk-subj::before, .cx-subj-head::before {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	--grid: color-mix(in srgb, var(--k, #7C4DE0) 20%, transparent);
	background-image:
		linear-gradient(var(--grid) 1px, transparent 1px),
		linear-gradient(90deg, var(--grid) 1px, transparent 1px);
	background-size: 14px 14px;
	background-position: -1px -1px;
	/* المربعات تظهر في جهة السهم وتتلاشى نحو النص */
	-webkit-mask-image: linear-gradient(to left, transparent 28%, rgba(0, 0, 0, .55) 62%, #000 100%);
	mask-image: linear-gradient(to left, transparent 28%, rgba(0, 0, 0, .55) 62%, #000 100%);
	transition: opacity .3s;
}
/* دائرة ناعمة بلون المادة في الزاوية */
.pk-subj::after {
	content: ""; position: absolute; z-index: -1; pointer-events: none;
	width: 76px; height: 76px; border-radius: 50%;
	inset-inline-end: -26px; top: -26px;
	background: var(--k-bg, var(--tint));
	opacity: .75; transition: transform .45s var(--ease-out);
}
.pk-subj:hover, .pk-subj:focus-visible { background-color: #fff; }
.pk-subj:hover::after { transform: scale(1.18); }
.pk-subj:hover::before { opacity: 1; }
.pk-subj .mini-ring { background: #fff; border-radius: 50%; }
.pk-go { position: relative; }

/* صفحة المناهج: نفس الورق خلف رأس بطاقة المادة */
.cx-subj-head { position: relative; isolation: isolate; margin: -16px -18px 0; padding: 16px 18px 14px; border-bottom: 1px dashed var(--line); }
.cx-subj-head::before { -webkit-mask-image: linear-gradient(to left, transparent 30%, #000 85%); mask-image: linear-gradient(to left, transparent 30%, #000 85%); }
.cx-subj-head .mini-ring { background: #fff; border-radius: 50%; }
@media (max-width: 560px) { .cx-subj-head { margin: -14px -14px 0; padding: 14px 14px 12px; } }

@supports not (color: color-mix(in srgb, red 50%, transparent)) {
	.pk-subj::before, .cx-subj-head::before { --grid: rgba(124, 77, 224, .1); }
}

/* ---------- 16. صفحة «غير متوفرة حاليًا — قريبًا» (404) ---------- */
.error404 main { padding-bottom: 0; }
.soon {
	position: relative; overflow: hidden; isolation: isolate;
	display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center; gap: clamp(24px, 4vw, 56px);
	margin-top: clamp(14px, 2vw, 24px); padding: clamp(28px, 4.5vw, 60px) clamp(22px, 4vw, 56px);
	border-radius: 32px; background-color: #fff; box-shadow: var(--sh);
	background-image:
		linear-gradient(to left, transparent 54px, rgba(124, 77, 224, .28) 54px, rgba(124, 77, 224, .28) 56px, transparent 56px),
		repeating-linear-gradient(180deg, transparent 0 41px, #ECE7F7 41px 42px);
}
.soon::before { content: ""; position: absolute; inset: auto auto -140px -80px; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(closest-side, rgba(122, 219, 168, .32), transparent 70%); z-index: -1; }
.soon::after { content: ""; position: absolute; top: -130px; inset-inline-end: 12%; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(closest-side, rgba(124, 77, 224, .16), transparent 70%); z-index: -1; }
.soon-copy { padding-inline-start: 44px; }
.soon-badge { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 16px; padding: 5px 16px 5px 12px; border-radius: 999px; background: var(--amber-bg); color: var(--amber-ink); font-weight: 800; font-size: .9rem; }
.soon-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 0 rgba(251, 180, 20, .55); animation: soon-pulse 1.8s ease-out infinite; }
@keyframes soon-pulse { to { box-shadow: 0 0 0 10px rgba(251, 180, 20, 0); } }
.soon h1 { margin: 0; font-size: clamp(1.7rem, 1.1rem + 2.4vw, 2.9rem) !important; line-height: 1.3; }
.soon-lead { margin: 14px 0 0; max-width: 46ch; font-size: clamp(.98rem, .94rem + .25vw, 1.1rem); line-height: 1.9; color: var(--muted); }
.soon-search { margin-top: 22px; max-width: 480px; }
.soon-search form { display: flex; gap: 8px; margin: 0; }
.soon-search input[type="search"], .soon-search input[type="text"] { flex: 1; min-width: 0; min-height: 50px; border-radius: 14px; background: #fff; }
.soon-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }

/* الرسم: صفحة دفتر وملاحظة «قريبًا» وقلم */
.soon-art { position: relative; justify-self: center; width: min(100%, 380px); aspect-ratio: 1 / .92; }
.soon-page {
	position: absolute; inset: 8% 10% 6% 12%; border-radius: 22px; background: #fff; transform: rotate(-4deg);
	box-shadow: 0 30px 50px -30px rgba(59, 29, 122, .55), inset 0 0 0 1px var(--line);
	padding: 18% 12% 0; display: grid; align-content: start; gap: 16px;
}
.soon-page::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 16%; width: 2px; background: rgba(124, 77, 224, .25); }
.soon-line { display: block; height: 10px; border-radius: 10px; background: var(--tint); }
.soon-line.w1 { width: 80%; background: var(--deep); opacity: .85; }
.soon-line.w2 { width: 92%; }
.soon-line.w3 { width: 64%; }
.soon-line.w4 { width: 76%; background: var(--mint-bg); }
.soon-check { position: absolute; bottom: 14%; inset-inline-start: 22%; width: 44px; height: 44px; border-radius: 50%; border: 3px dashed var(--tint-2); }
.soon-note {
	position: absolute; top: 2%; inset-inline-end: 0; display: grid; justify-items: center; gap: 6px;
	padding: 18px 22px; border-radius: 18px; background: var(--amber); color: var(--deep); transform: rotate(7deg);
	box-shadow: 0 18px 30px -18px rgba(107, 74, 0, .7); font-size: 1.1rem; animation: soon-float 4s ease-in-out infinite;
}
.soon-note svg { width: 34px; height: 34px; }
.soon-note b { font-weight: 800; }
@keyframes soon-float { 50% { transform: rotate(4deg) translateY(-6px); } }
.soon-pencil {
	position: absolute; bottom: 10%; inset-inline-end: 2%; width: 150px; height: 18px; border-radius: 4px 10px 10px 4px;
	background: linear-gradient(90deg, #F6C9C9 0 14%, #C9C2D9 14% 20%, var(--violet) 20% 82%, #F3D9A6 82%);
	transform: rotate(-32deg); box-shadow: 0 10px 16px -10px rgba(59, 29, 122, .6);
}
.soon-pencil::after { content: ""; position: absolute; inset-inline-start: 100%; top: 0; border-block: 9px solid transparent; border-inline-start: 18px solid #F3D9A6; }
[dir="rtl"] .soon-pencil::after, .rtl .soon-pencil::after { inset-inline-start: auto; inset-inline-end: 100%; border-inline-start: 0; border-inline-end: 18px solid #F3D9A6; }
.soon-spark { position: absolute; width: 14px; height: 14px; background: var(--teal); clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); }
.soon-spark.s1 { top: 30%; inset-inline-start: 2%; }
.soon-spark.s2 { bottom: 4%; inset-inline-start: 30%; width: 10px; height: 10px; background: var(--violet-2); }

/* روابط المناهج */
.soon-more { margin-top: clamp(28px, 4vw, 44px); }
.soon-more h2 { margin: 0 0 14px; font-size: clamp(1.15rem, 1rem + .6vw, 1.4rem); color: var(--deep); }
.soon-countries { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.soon-countries a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 14px; border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: inherit; text-decoration: none; transition: transform .25s var(--ease-out), box-shadow .25s; }
.soon-countries a:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1.5px var(--violet-2), 0 14px 26px -18px rgba(59, 29, 122, .5); }
.soon-countries .cflag { width: 34px; height: 23px; border-radius: 5px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08); }
.soon-countries a > span:not(.soon-go) { min-width: 0; }
.soon-countries b { display: block; color: var(--deep); font-weight: 800; }
.soon-countries small { display: block; color: var(--muted); font-size: .76rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.soon-countries span.soon-go { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 13px; background: var(--tint); color: var(--violet); transition: background .25s, color .25s, transform .3s var(--ease-out), box-shadow .25s; }
.soon-countries .soon-go svg { width: 18px; height: 18px; }
.soon-countries a:hover .soon-go, .soon-countries a:focus-visible .soon-go { background: var(--g-deep); color: #fff; transform: translateX(-3px); box-shadow: 0 10px 18px -10px rgba(59, 29, 122, .8); }
@media (max-width: 900px) {
	.soon { grid-template-columns: minmax(0, 1fr); text-align: start; }
	.soon-art { order: -1; width: min(70%, 280px); }
	.soon-countries { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
	.soon { padding: 24px 16px 28px; background-image: repeating-linear-gradient(180deg, transparent 0 41px, #ECE7F7 41px 42px); }
	.soon-copy { padding-inline-start: 0; }
	.soon-actions .m-btn { flex: 1 1 100%; justify-content: center; }
	.soon-countries { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .soon-dot, .soon-note { animation: none; } }

/* ---------- 17. «من نحن»: بطل مدمج مع الإحصاءات + مشهد متحرك للشعار والامتحان ---------- */
.ab-hero {
	position: relative; overflow: hidden; isolation: isolate;
	display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: center; gap: clamp(20px, 4vw, 56px);
	margin-top: clamp(10px, 1.6vw, 18px); padding: clamp(26px, 4vw, 52px) clamp(22px, 4vw, 52px);
	border-radius: 32px; background-color: #fff; box-shadow: var(--sh);
	background-image:
		linear-gradient(to left, transparent 54px, rgba(124, 77, 224, .28) 54px, rgba(124, 77, 224, .28) 56px, transparent 56px),
		repeating-linear-gradient(180deg, transparent 0 41px, #ECE7F7 41px 42px);
}
.ab-hero::before { content: ""; position: absolute; inset: auto auto -150px -90px; width: 380px; height: 380px; border-radius: 50%; background: radial-gradient(closest-side, rgba(122, 219, 168, .32), transparent 70%); z-index: -1; }
.ab-hero::after { content: ""; position: absolute; top: -140px; inset-inline-end: 10%; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(closest-side, rgba(124, 77, 224, .16), transparent 70%); z-index: -1; }
.ab-copy { padding-inline-start: 44px; }
.ab-hero h1 { margin: 12px 0 0; font-size: clamp(2.1rem, 1.3rem + 3vw, 3.4rem) !important; line-height: 1.2; }
.ab-lead { margin: 12px 0 0; max-width: 44ch; font-size: clamp(1rem, .95rem + .3vw, 1.15rem); line-height: 1.9; color: var(--muted); }
.ab-stats { list-style: none; margin: clamp(20px, 3vw, 30px) 0 0; padding: 14px 6px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-radius: 20px; background: rgba(255, 255, 255, .86); box-shadow: inset 0 0 0 1px var(--line), 0 14px 30px -24px rgba(59, 29, 122, .5); backdrop-filter: blur(4px); }
.ab-stats li { display: grid; gap: 2px; padding: 2px clamp(10px, 1.6vw, 18px); }
.ab-stats li + li { border-inline-start: 1px solid var(--line); }
.ab-stats b { font-family: Poppins, var(--font, sans-serif); font-size: clamp(1.5rem, 1.1rem + 1.3vw, 2.15rem); line-height: 1.1; font-weight: 700; color: var(--deep); }
.ab-stats span { display: flex; align-items: center; gap: 6px; font-size: .84rem; font-weight: 700; color: var(--muted); }
.ab-stats span::before { content: ""; width: 14px; height: 4px; border-radius: 4px; background: var(--mint); }
.ab-stats li:nth-child(2) span::before { background: var(--amber); }
.ab-stats li:nth-child(3) span::before { background: var(--violet-2); }
.ab-stats li:nth-child(4) span::before { background: var(--teal); }
.ab-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }

/* المشهد */
.ab-stage { --T: 9s; position: relative; justify-self: center; width: min(100%, 440px); aspect-ratio: 1 / .95; }
.ab-paper {
	position: absolute; top: 4%; inset-inline-start: 18%; width: 62%; height: 74%; padding: 16px 18px; border-radius: 20px; background: #fff; transform: rotate(4deg);
	box-shadow: 0 30px 50px -30px rgba(59, 29, 122, .55), inset 0 0 0 1px var(--line); display: grid; align-content: start; gap: 18px;
}
.ab-paper::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 34px; width: 2px; background: rgba(124, 77, 224, .22); }
.ab-paper-head { display: flex; align-items: center; gap: 6px; padding-bottom: 10px; border-bottom: 1px dashed var(--line); }
.ab-paper-head i { width: 8px; height: 8px; border-radius: 50%; background: var(--tint-2); }
.ab-paper-head i + i { background: var(--mint); }
.ab-paper-head span { margin-inline-start: auto; font-weight: 800; font-size: .85rem; color: var(--deep); }
.ab-row { position: relative; display: flex; align-items: center; gap: 8px; height: 14px; padding-inline-start: 26px; }
.ab-ln { display: block; height: 8px; width: 0; border-radius: 8px; background: var(--tint-2); animation: ab-write var(--T) linear infinite; }
.ab-row.r1 .ab-ln { --w: 82%; --a: 34%; --b: 41%; background: var(--deep); opacity: .8; }
.ab-row.r2 .ab-ln { --w: 70%; --a: 42%; --b: 49%; }
.ab-row.r3 .ab-ln { --w: 88%; --a: 50%; --b: 57%; }
.ab-row.r4 .ab-ln { --w: 56%; --a: 58%; --b: 63%; background: var(--mint-bg); }
.ab-row.r1 .ab-ln { animation-name: ab-w1; } .ab-row.r2 .ab-ln { animation-name: ab-w2; } .ab-row.r3 .ab-ln { animation-name: ab-w3; } .ab-row.r4 .ab-ln { animation-name: ab-w4; }
@keyframes ab-w1 { 0%, 34% { width: 0; } 41%, 90% { width: 82%; opacity: .8; } 96%, 100% { width: 82%; opacity: 0; } }
@keyframes ab-w2 { 0%, 42% { width: 0; } 49%, 90% { width: 70%; opacity: 1; } 96%, 100% { width: 70%; opacity: 0; } }
@keyframes ab-w3 { 0%, 50% { width: 0; } 57%, 90% { width: 88%; opacity: 1; } 96%, 100% { width: 88%; opacity: 0; } }
@keyframes ab-w4 { 0%, 58% { width: 0; } 63%, 90% { width: 56%; opacity: 1; } 96%, 100% { width: 56%; opacity: 0; } }
.ab-ok { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--teal); color: #fff; font-size: .7rem; font-weight: 800; transform: scale(0); animation: ab-ok var(--T) infinite; }
.ab-row.r1 .ab-ok { --s: 42%; animation-name: ab-ok1; } .ab-row.r2 .ab-ok { animation-name: ab-ok2; } .ab-row.r3 .ab-ok { animation-name: ab-ok3; }
@keyframes ab-ok1 { 0%, 41% { transform: scale(0); } 44% { transform: scale(1.25); } 46%, 90% { transform: scale(1); opacity: 1; } 96%, 100% { transform: scale(1); opacity: 0; } }
@keyframes ab-ok2 { 0%, 49% { transform: scale(0); } 52% { transform: scale(1.25); } 54%, 90% { transform: scale(1); opacity: 1; } 96%, 100% { transform: scale(1); opacity: 0; } }
@keyframes ab-ok3 { 0%, 57% { transform: scale(0); } 60% { transform: scale(1.25); } 62%, 90% { transform: scale(1); opacity: 1; } 96%, 100% { transform: scale(1); opacity: 0; } }
/* القلم يتبع السطور من اليمين إلى اليسار */
.ab-pencil { position: absolute; width: 110px; height: 14px; inset-inline-start: 30px; top: 70px; transform-origin: 0 50%; animation: ab-pencil var(--T) ease-in-out infinite; z-index: 2; }
.ab-pencil i { position: absolute; inset: 0; border-radius: 3px 8px 8px 3px; background: linear-gradient(90deg, #F3D9A6 0 16%, var(--violet) 16% 84%, #C9C2D9 84% 90%, #F6C9C9 90%); transform: rotate(-38deg); transform-origin: 0 50%; box-shadow: 0 10px 16px -10px rgba(59, 29, 122, .7); }
.ab-pencil i::before { content: ""; position: absolute; inset-inline-end: 100%; top: 0; border-block: 7px solid transparent; border-inline-end: 12px solid #F3D9A6; }
@keyframes ab-pencil {
	0%, 30% { opacity: 0; transform: translate(0, 0); }
	33% { opacity: 1; transform: translate(0, 0); }
	41% { transform: translate(-180px, 0); }
	42% { transform: translate(0, 32px); }
	49% { transform: translate(-150px, 32px); }
	50% { transform: translate(0, 64px); }
	57% { transform: translate(-190px, 64px); }
	58% { transform: translate(0, 96px); }
	63% { opacity: 1; transform: translate(-120px, 96px); }
	70%, 100% { opacity: 0; transform: translate(-120px, 120px); }
}
[dir="ltr"] .ab-pencil { display: none; }

/* حلقة النتيجة */
.ab-score { position: absolute; top: 0; inset-inline-end: 4%; display: grid; place-items: center; width: 86px; height: 86px; border-radius: 50%; background: #fff; box-shadow: 0 18px 30px -20px rgba(59, 29, 122, .6), inset 0 0 0 1px var(--line); }
.ab-score svg { position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); transform: rotate(-90deg); }
.ab-score circle { fill: none; stroke: var(--tint); stroke-width: 5; }
.ab-score circle.v { stroke: var(--teal); stroke-linecap: round; stroke-dasharray: 0 100; animation: ab-ring var(--T) ease-out infinite; }
.ab-score b { position: relative; font-family: Poppins, var(--font, sans-serif); font-size: .95rem; color: var(--deep); animation: ab-fade var(--T) infinite; }
@keyframes ab-ring { 0%, 62% { stroke-dasharray: 0 100; } 74%, 90% { stroke-dasharray: 100 0; } 97%, 100% { stroke-dasharray: 0 100; } }
@keyframes ab-fade { 0%, 68% { opacity: 0; transform: scale(.6); } 74% { opacity: 1; transform: scale(1.12); } 77%, 90% { opacity: 1; transform: scale(1); } 96%, 100% { opacity: 0; } }

/* الشعار يتجمّع ثم يتفرّق */
.ab-logo { position: absolute; bottom: 0; inset-inline-end: 6%; width: 44%; aspect-ratio: 236 / 256; filter: drop-shadow(0 22px 26px rgba(59, 29, 122, .35)); }
.ab-l { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; }
.ab-l-m { animation: ab-m var(--T) cubic-bezier(.3, 1.4, .5, 1) infinite; }
.ab-l-book { transform-origin: 50% 30%; animation: ab-book var(--T) cubic-bezier(.3, 1.4, .5, 1) infinite; }
.ab-l-bulb { animation: ab-bulb var(--T) cubic-bezier(.3, 1.5, .5, 1) infinite; }
.ab-glow { position: absolute; top: -8%; left: 50%; width: 46%; aspect-ratio: 1; border-radius: 50%; transform: translateX(-50%) scale(.4); background: radial-gradient(closest-side, rgba(251, 180, 20, .55), rgba(251, 180, 20, 0) 75%); opacity: 0; animation: ab-glow var(--T) ease-out infinite; }
@keyframes ab-m { 0% { opacity: 0; transform: translateY(40px) scale(.8); } 10%, 84% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; transform: translate(-40px, 36px) rotate(-14deg) scale(.85); } }
@keyframes ab-book { 0%, 9% { opacity: 0; transform: scaleX(0) translateY(10px); } 17% { opacity: 1; transform: scaleX(1.08); } 21%, 84% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; transform: translate(46px, -24px) rotate(16deg); } }
@keyframes ab-bulb { 0%, 19% { opacity: 0; transform: translateY(-60px); } 27% { opacity: 1; transform: translateY(5px); } 31%, 84% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; transform: translateY(-56px) rotate(20deg); } }
@keyframes ab-glow { 0%, 29% { opacity: 0; transform: translateX(-50%) scale(.4); } 35% { opacity: 1; transform: translateX(-50%) scale(1.35); } 44%, 84% { opacity: .75; transform: translateX(-50%) scale(1.05); } 92%, 100% { opacity: 0; transform: translateX(-50%) scale(.4); } }

/* شارات عائمة */
.ab-chip { position: absolute; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 10px; border-radius: 14px; background: #fff; box-shadow: 0 16px 28px -18px rgba(59, 29, 122, .6), inset 0 0 0 1px var(--line); font-size: .82rem; font-weight: 800; color: var(--deep); white-space: nowrap; animation: ab-float 5s ease-in-out infinite; }
.ab-chip b { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 8px; background: var(--mint-bg); color: var(--teal); font-size: .8rem; }
.ab-chip.c1 { top: 38%; inset-inline-end: -2%; }
.ab-chip.c2 { bottom: 12%; inset-inline-start: 0; animation-delay: -2.5s; }
.ab-chip.c2 b { background: var(--amber-bg); color: var(--amber-ink); }
@keyframes ab-float { 50% { transform: translateY(-8px); } }
.ab-spark { position: absolute; width: 14px; height: 14px; background: var(--teal); clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); animation: ab-tw 3s ease-in-out infinite; }
.ab-spark.k1 { top: 30%; inset-inline-start: 6%; }
.ab-spark.k2 { top: 2%; inset-inline-start: 42%; width: 10px; height: 10px; background: var(--amber); animation-delay: -1s; }
.ab-spark.k3 { bottom: 4%; inset-inline-start: 40%; width: 9px; height: 9px; background: var(--violet-2); animation-delay: -2s; }
@keyframes ab-tw { 50% { transform: scale(.4) rotate(45deg); opacity: .5; } }

@media (max-width: 960px) {
	.ab-hero { grid-template-columns: minmax(0, 1fr); }
	.ab-stage { order: -1; width: min(100%, 380px); }
	.ab-copy { padding-inline-start: 0; }
	.ab-hero { background-image: repeating-linear-gradient(180deg, transparent 0 41px, #ECE7F7 41px 42px); }
}
@media (max-width: 560px) {
	.ab-hero { padding: 20px 16px 24px; }
	.ab-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 12px; }
	.ab-stats li + li { border-inline-start: 0; }
	.ab-stats li:nth-child(2n) { border-inline-start: 1px solid var(--line); }
	.ab-actions .m-btn { flex: 1 1 100%; justify-content: center; }
	.ab-pencil { width: 80px; }
	.ab-chip { font-size: .74rem; }
}
/* بدون حركة: المشهد بحالته النهائية */
@media (prefers-reduced-motion: reduce) {
	.ab-stage *, .ab-stage *::before { animation: none !important; }
	.ab-l { opacity: 1; transform: none; }
	.ab-glow { opacity: .7; transform: translateX(-50%) scale(1.05); }
	.ab-row.r1 .ab-ln { width: 82%; } .ab-row.r2 .ab-ln { width: 70%; } .ab-row.r3 .ab-ln { width: 88%; } .ab-row.r4 .ab-ln { width: 56%; }
	.ab-ok { transform: none; }
	.ab-score circle.v { stroke-dasharray: 100 0; }
	.ab-pencil { display: none; }
}
.ab-hero + .article { margin-top: clamp(28px, 4vw, 48px); }
@media (max-width: 560px) {
	.ab-chip.c1 { display: none; }
	.ab-score { width: 70px; height: 70px; top: -2%; inset-inline-end: -2%; }
	.ab-score b { font-size: .8rem; }
}

/* ==========================================================================
   18. توحيد رؤوس الصفحات الداخلية على تصميم الدفتر (مثل الرئيسية و«من نحن»)
   ========================================================================== */
.x-pagehero,
.pagehead:not(.ds-page *) {
	--ph-x: clamp(20px, 4vw, 52px);
	position: relative; isolation: isolate; overflow: hidden;
	max-width: none; margin-top: clamp(10px, 1.6vw, 18px); margin-bottom: clamp(18px, 2.6vw, 30px);
	padding: clamp(24px, 3.4vw, 42px) var(--ph-x);
	padding-inline-start: calc(var(--ph-x) + 40px);
	border-radius: 28px; background-color: #fff; box-shadow: var(--sh);
	text-align: start !important;
	background-image:
		radial-gradient(260px 200px at 0% 100%, rgba(122, 219, 168, .22), transparent 70%),
		radial-gradient(300px 220px at 30% -10%, rgba(124, 77, 224, .1), transparent 70%),
		linear-gradient(to left, transparent 54px, rgba(124, 77, 224, .28) 54px, rgba(124, 77, 224, .28) 56px, transparent 56px),
		repeating-linear-gradient(180deg, transparent 0 41px, #ECE7F7 41px 42px);
}
/* ختم الشعار في طرف البطاقة (للرؤوس التي لا تحتوي صورة) */
.x-pagehero:not(.pagehead-media),
.pagehead:not(.pagehead-media):not(.ds-page *) { padding-inline-end: calc(var(--ph-x) + clamp(96px, 12vw, 170px)); }
.x-pagehero:not(.pagehead-media)::before,
.pagehead:not(.pagehead-media):not(.ds-page *)::before {
	content: ""; position: absolute; z-index: -1; top: clamp(18px, 3vw, 32px); inset-inline-end: calc(var(--ph-x) - 10px);
	width: clamp(96px, 11vw, 150px); aspect-ratio: 1; border-radius: 50%;
	border: 2px dashed rgba(124, 77, 224, .22); background: radial-gradient(closest-side, #F3EEFD 62%, transparent 63%);
	animation: ph-spin 30s linear infinite;
}
.x-pagehero:not(.pagehead-media)::after,
.pagehead:not(.pagehead-media):not(.ds-page *)::after {
	content: ""; position: absolute; z-index: -1; top: clamp(30px, 4vw, 48px); inset-inline-end: calc(var(--ph-x) + clamp(14px, 1.8vw, 24px));
	width: clamp(64px, 7.6vw, 102px); aspect-ratio: 236 / 256;
	background: url("../img/icon.png") center / contain no-repeat;
	filter: drop-shadow(0 14px 16px rgba(59, 29, 122, .28));
	animation: ph-float 6s ease-in-out infinite;
}
@keyframes ph-spin { to { transform: rotate(360deg); } }
@keyframes ph-float { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-7px) rotate(2deg); } }

/* الطباعة: عنوان ونص بنفس المقاسات في كل الصفحات */
.x-pagehero h1, .pagehead:not(.ds-page *) h1 { margin: 8px 0 0; font-size: clamp(1.75rem, 1.15rem + 2.1vw, 2.75rem) !important; line-height: 1.25; }
.x-pagehero .x-kicker, .pagehead:not(.ds-page *) .kicker, .pagehead:not(.ds-page *) > .muted:first-child {
	display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 4px 14px; border-radius: 999px; background: var(--mint-bg); color: var(--good); font-size: .82rem; font-weight: 800;
}
.x-pagehero .x-sub, .x-pagehero > p:not(.x-kicker), .pagehead:not(.ds-page *) > p, .pagehead .ph-copy > p {
	margin: 12px 0 0; max-width: 62ch; font-size: clamp(.96rem, .92rem + .25vw, 1.08rem); line-height: 1.9; color: var(--muted);
}
.pagehead:not(.ds-page *) > .chips, .pagehead:not(.ds-page *) > div, .x-pagehero > div { position: relative; z-index: 1; }
/* الرؤوس التي كانت في المنتصف (الأسئلة الشائعة، الأسعار، المادة، الامتحان، الخصوصية...) صارت بمحاذاة البداية */
.pagehead:not(.ds-page *) > *, .x-pagehero > * { margin-inline: 0 !important; justify-content: flex-start; }
.pagehead:not(.ds-page *) .x-search-form, .pagehead:not(.ds-page *) form { max-width: 560px; }
/* رؤوس بصورة (المعلمون، صفحة البلد): نفس الدفتر مع إبقاء الصورة */
.pagehead-media:not(.ds-page *) { padding-inline-end: var(--ph-x); }
.pagehead-media .ph-media img { border-radius: 22px; box-shadow: 0 24px 40px -28px rgba(59, 29, 122, .5); }

@media (max-width: 760px) {
	.x-pagehero, .pagehead:not(.ds-page *) { --ph-x: 18px; padding-inline-start: 18px; border-radius: 22px; background-image: radial-gradient(220px 160px at 0% 100%, rgba(122, 219, 168, .22), transparent 70%), repeating-linear-gradient(180deg, transparent 0 41px, #ECE7F7 41px 42px); }
	.x-pagehero:not(.pagehead-media), .pagehead:not(.pagehead-media):not(.ds-page *) { padding-inline-end: calc(18px + 72px); }
	.x-pagehero:not(.pagehead-media)::before, .pagehead:not(.pagehead-media):not(.ds-page *)::before { width: 74px; top: 16px; inset-inline-end: 10px; }
	.x-pagehero:not(.pagehead-media)::after, .pagehead:not(.pagehead-media):not(.ds-page *)::after { width: 48px; top: 26px; inset-inline-end: 23px; }
}
@media (prefers-reduced-motion: reduce) {
	.x-pagehero::before, .x-pagehero::after, .pagehead::before, .pagehead::after { animation: none !important; }
}
.x-pagehero > *, .pagehead:not(.ds-page *) > *, .pagehead:not(.ds-page *) .ph-copy > * { text-align: start !important; }
.x-pagehero :is(.chips, .x-meta, .x-tags, .actions, .m-actions, .ph-actions, div, ul), .pagehead:not(.ds-page *) :is(.chips, .x-meta, .x-tags, .actions, .m-actions, .ph-actions, ul) { justify-content: flex-start !important; }
.pagehead:not(.ds-page *) > :is(div, ul):not(.ph-copy):not(.ph-media) { display: flex; flex-wrap: wrap; gap: 8px; }
.pagehead:not(.ds-page *) > form { display: block; }
.x-pagehero, .pagehead:not(.ds-page *) { justify-items: start !important; align-items: start; }
.pagehead:not(.ds-page *) > * { justify-self: start !important; }

/* ==========================================================================
   19. الأسئلة الشائعة · تواصل معنا · الصفحات القانونية
   ========================================================================== */
.t-violet { --t: #6B3FD8; --tb: #EFEAFB; }
.t-mint { --t: #138A6E; --tb: #E2F6EF; }
.t-amber { --t: #A86F00; --tb: #FFF1CC; }
.t-sky { --t: #2F6FD6; --tb: #E5EEFC; }
.t-rose { --t: #C2456A; --tb: #FCE7EE; }

/* ---------- الأسئلة الشائعة ---------- */
.fq { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: clamp(16px, 2.4vw, 28px); align-items: start; padding-bottom: clamp(20px, 3vw, 40px); }
.fq-side { position: sticky; top: 92px; display: grid; gap: 14px; }
.fq-nav { display: grid; gap: 6px; padding: 12px; border-radius: 22px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.fq-nav-label { margin: 2px 8px 4px; font-size: .76rem; font-weight: 800; color: var(--muted); }
.fq-nav-a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 14px; color: var(--deep); text-decoration: none; font-weight: 800; font-size: .92rem; transition: background .2s; }
.fq-nav-a:hover, .fq-nav-a:focus-visible { background: var(--tb); }
.fq-ico { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: var(--tb); color: var(--t); flex: none; }
.fq-ico svg { width: 19px; height: 19px; }
.fq-nav-n { min-width: 26px; padding: 1px 8px; border-radius: 99px; background: var(--neutral); color: var(--muted); font-size: .74rem; text-align: center; }
.fq-help { position: relative; overflow: hidden; display: grid; gap: 6px; justify-items: start; padding: 16px; border-radius: 22px; background-color: #fff; box-shadow: inset 0 0 0 1px var(--line);
	background-image: repeating-linear-gradient(180deg, transparent 0 31px, #ECE7F7 31px 32px); }
.fq-help img { width: 100%; height: 110px; object-fit: cover; border-radius: 14px; margin-bottom: 6px; }
.fq-help h2 { margin: 0; font-size: 1.05rem; color: var(--deep); }
.fq-help p { margin: 0 0 6px; font-size: .86rem; color: var(--muted); }
.fq-help .m-btn { width: 100%; justify-content: center; }
.fq-main { display: grid; gap: 16px; min-width: 0; }
.fq-group { scroll-margin-top: 96px; border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1px var(--line), 0 18px 36px -32px rgba(59, 29, 122, .45); overflow: hidden; }
.fq-gh { display: flex; align-items: center; gap: 12px; padding: 16px 20px; background-color: var(--tb);
	background-image: linear-gradient(90deg, color-mix(in srgb, var(--t) 12%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--t) 12%, transparent) 1px, transparent 1px);
	background-size: 14px 14px; }
.fq-gh .fq-ico { background: #fff; width: 40px; height: 40px; }
.fq-gh h2 { margin: 0; font-size: 1.12rem; color: var(--deep); }
.fq-count { margin-inline-start: auto; padding: 3px 12px; border-radius: 99px; background: #fff; color: var(--t); font-size: .76rem; font-weight: 800; }
.fq-list { display: grid; }
.fq-item { border-top: 1px solid var(--line); }
.fq-item:first-child { border-top: 0; }
.fq-item > summary { list-style: none; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 14px 20px; cursor: pointer; font-weight: 800; color: var(--deep); font-size: .98rem; line-height: 1.6; transition: background .2s; }
.fq-item > summary::-webkit-details-marker { display: none; }
.fq-item > summary:hover { background: var(--neutral); }
.fq-q { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: var(--tb); color: var(--t); font-size: .82rem; font-weight: 800; }
.fq-chev { width: 30px; height: 30px; border-radius: 50%; background: var(--neutral); position: relative; transition: background .2s, transform .3s var(--ease-out); }
.fq-chev::before { content: ""; position: absolute; inset: 0; margin: auto; width: 8px; height: 8px; border: solid var(--deep); border-width: 0 2px 2px 0; transform: translateY(-2px) rotate(45deg); }
.fq-item[open] > summary { background: linear-gradient(90deg, #fff, var(--tb)); }
.fq-item[open] .fq-chev { background: var(--t); transform: rotate(180deg); }
.fq-item[open] .fq-chev::before { border-color: #fff; }
.fq-a { padding: 0 20px 18px; padding-inline-start: 60px; }
.fq-a p { margin: 0; padding: 12px 16px; border-radius: 14px; background: var(--neutral); color: var(--text); line-height: 1.9; font-size: .95rem; border-inline-start: 3px solid var(--t); }
.fq-item[open] .fq-a { animation: fq-in .3s var(--ease-out); }
@keyframes fq-in { from { opacity: 0; transform: translateY(-4px); } }
.fq-empty { margin: 0; }
.page-template-page-faq .faq-search { display: block; width: 100%; max-width: 560px; margin-top: 16px; }
.page-template-page-faq .faq-search input { width: 100%; min-height: 50px; border-radius: 14px; padding-inline: 16px; background: #fff; box-shadow: 0 10px 22px -18px rgba(59, 29, 122, .5); }
@media (max-width: 960px) {
	.fq { grid-template-columns: minmax(0, 1fr); }
	.fq-side { position: sticky; top: 64px; z-index: 6; display: block; }
	.fq-nav { display: flex; overflow-x: auto; scrollbar-width: none; padding: 6px; border-radius: 16px; background: rgba(255, 255, 255, .94); backdrop-filter: blur(8px); }
	.fq-nav::-webkit-scrollbar { display: none; }
	.fq-nav-label, .fq-help { display: none; }
	.fq-nav-a { flex: none; grid-template-columns: auto auto auto; padding: 6px 10px 6px 8px; }
	.fq-nav-a .fq-ico { width: 28px; height: 28px; border-radius: 9px; }
	.fq-group { scroll-margin-top: 140px; }
}
@media (max-width: 560px) {
	.fq-item > summary { padding: 12px 14px; gap: 10px; font-size: .92rem; }
	.fq-a { padding: 0 14px 14px; }
	.fq-gh { padding: 14px; }
}

/* ---------- تواصل معنا ---------- */
.x-contact { gap: clamp(16px, 2.4vw, 28px); padding-bottom: clamp(20px, 3vw, 40px); }
.x-form-card { border-radius: 24px !important; padding: clamp(18px, 2.6vw, 30px) !important; box-shadow: inset 0 0 0 1px var(--line), 0 24px 44px -34px rgba(59, 29, 122, .5) !important; }
.x-form-head { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; margin-bottom: 18px; border-bottom: 1px dashed var(--line); }
.x-form-head-ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--g-deep); color: #fff; flex: none; }
.x-form-head-ico svg, .x-form-head-ico .ico { width: 22px; height: 22px; }
.x-form-head h2 { margin: 0; font-size: 1.15rem; color: var(--deep); }
.x-form-head p { margin: 2px 0 0; font-size: .85rem; color: var(--muted); }
.x-form-card .f label, .x-form-card legend { font-weight: 800; color: var(--deep); font-size: .9rem; }
.x-form-card input, .x-form-card select, .x-form-card textarea { border-radius: 14px; background: var(--neutral); box-shadow: inset 0 0 0 1px var(--line); border: 0; }
.x-form-card input:focus, .x-form-card select:focus, .x-form-card textarea:focus { background: #fff; box-shadow: inset 0 0 0 2px var(--violet-2); outline: 0; }
.x-form-card textarea { background-color: #fff; background-image: repeating-linear-gradient(180deg, transparent 0 31px, #ECE7F7 31px 32px); background-attachment: local; line-height: 32px; padding-top: 4px; }
.x-form-foot { margin-top: 6px; padding-top: 16px; border-top: 1px dashed var(--line); }
.x-contact-side { position: relative; overflow: hidden; gap: 0 !important; padding: 16px; border-radius: 24px; background-color: #fff; box-shadow: inset 0 0 0 1px var(--line), 0 24px 44px -34px rgba(59, 29, 122, .5);
	background-image: linear-gradient(to left, transparent 30px, rgba(124, 77, 224, .22) 30px, rgba(124, 77, 224, .22) 32px, transparent 32px), repeating-linear-gradient(180deg, transparent 0 41px, #ECE7F7 41px 42px); }
.x-contact-side .x-contact-img { order: 0; width: 100%; height: 150px; object-fit: cover; margin: 0 0 14px; border-radius: 16px; }
.x-side-title { margin: 0 0 6px; padding-inline-start: 26px; font-size: 1.05rem; color: var(--deep); }
.x-contact-side .x-info { padding: 12px 12px 12px 8px; padding-inline-start: 26px; border-radius: 14px; background: transparent; box-shadow: none; transition: background .2s; }
.x-contact-side .x-info + .x-info { border-top: 1px dashed var(--line); border-radius: 0; }
.x-contact-side .x-info.is-link { position: relative; }
.x-contact-side .x-info.is-link::after { content: "←"; align-self: center; margin-inline-start: auto; font-weight: 800; color: var(--violet); transition: transform .25s var(--ease-out); }
.x-contact-side .x-info.is-link:hover { background: rgba(239, 234, 251, .7); transform: none; border-radius: 14px; }
.x-contact-side .x-info.is-link:hover::after { transform: translateX(-3px); }
.x-contact-side .x-info small { font-size: .82rem; }
.x-info-ico.amber { background: var(--amber-bg) !important; color: var(--amber-ink) !important; }
@media (max-width: 960px) { .x-contact-side .x-contact-img { display: none; } }

/* ---------- الصفحات القانونية: «مستند» مرقّم بفهرس جانبي ---------- */
.page-template-page-legal .legal { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: clamp(16px, 2.4vw, 28px); align-items: start; padding-bottom: clamp(20px, 3vw, 40px); }
.legal-doc { counter-reset: lg; position: relative; padding: clamp(22px, 3.4vw, 44px); padding-inline-start: calc(clamp(22px, 3.4vw, 44px) + 30px); border-radius: 26px; background-color: #fff; box-shadow: inset 0 0 0 1px var(--line), 0 24px 44px -34px rgba(59, 29, 122, .5);
	background-image: linear-gradient(to left, transparent 40px, rgba(124, 77, 224, .22) 40px, rgba(124, 77, 224, .22) 42px, transparent 42px); }
.legal-doc .entry-content { max-width: 70ch; font-size: 1rem; line-height: 2; }
.legal-doc .entry-content > p:first-child { font-size: 1.06rem; color: var(--deep); padding: 14px 18px; border-radius: 16px; background: var(--tint); }
.legal-doc .entry-content h2 { counter-increment: lg; position: relative; display: flex; align-items: center; gap: 12px; margin: clamp(26px, 3.4vw, 38px) 0 10px; padding-top: clamp(20px, 2.6vw, 28px); border-top: 1px dashed var(--line); font-size: clamp(1.15rem, 1rem + .5vw, 1.4rem); color: var(--deep); scroll-margin-top: 96px; }
.legal-doc .entry-content h2::before { content: counter(lg); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--g-deep); color: #fff; font-family: Poppins, var(--font, sans-serif); font-size: .9rem; flex: none; }
.legal-doc .entry-content ul { list-style: none; padding: 0; display: grid; gap: 8px; }
.legal-doc .entry-content ul li { position: relative; padding: 10px 14px; padding-inline-start: 36px; border-radius: 14px; background: var(--neutral); }
.legal-doc .entry-content ul li::before { content: ""; position: absolute; inset-inline-start: 14px; top: 1.15em; width: 8px; height: 8px; border-radius: 50%; background: var(--teal); }
.legal-doc .entry-content blockquote, .legal-doc .entry-content .wp-block-group, .legal-doc .entry-content [class*="note"] { border-radius: 16px; }
.legal-toc { position: sticky !important; top: 92px; padding: 16px !important; border-radius: 22px !important; background-color: #fff !important; box-shadow: inset 0 0 0 1px var(--line) !important;
	background-image: repeating-linear-gradient(180deg, transparent 0 39px, #ECE7F7 39px 40px) !important; }
.legal-toc-h { margin: 0 0 8px; font-size: .95rem; color: var(--deep); }
.legal-toc ol { list-style: none; counter-reset: tc; display: grid; gap: 2px; margin: 0; padding: 0; }
.legal-toc li { counter-increment: tc; }
.legal-toc a { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 0 8px; border-radius: 12px; color: var(--text); font-size: .88rem; font-weight: 700; text-decoration: none; transition: background .2s, color .2s; }
.legal-toc a .tn { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 8px; background: var(--tint); color: var(--violet); font-size: .74rem; font-weight: 800; flex: none; }
.legal-toc a:hover { background: var(--tint); color: var(--deep); }
.legal-toc a.on { background: var(--g-deep); color: #fff; }
.legal-toc a.on .tn { background: rgba(255, 255, 255, .2); color: #fff; }
@media (max-width: 960px) {
	.page-template-page-legal .legal { grid-template-columns: minmax(0, 1fr); }
	.legal-toc { position: static !important; order: -1; }
	.legal-toc ol { grid-auto-flow: column; grid-auto-columns: max-content; overflow-x: auto; scrollbar-width: none; }
}
@media (max-width: 560px) {
	.legal-doc { padding: 20px 16px; background-image: none; }
}
.legal-toc li { counter-increment: none; }
.legal-toc li::before, .legal-toc li::marker { display: none; content: none; }
.legal-toc ol { counter-reset: tc; }
.legal-toc a { counter-increment: tc; }

/* ---------- 20. الأسئلة الشائعة بأسلوب المواقع العالمية ---------- */
.page-template-page-faq .pagehead { text-align: center !important; justify-items: center !important; padding-inline: clamp(20px, 4vw, 52px) !important; background-image:
	radial-gradient(320px 220px at 0% 100%, rgba(122, 219, 168, .2), transparent 70%),
	radial-gradient(360px 240px at 100% 0%, rgba(124, 77, 224, .12), transparent 70%),
	repeating-linear-gradient(180deg, transparent 0 41px, #ECE7F7 41px 42px) !important; }
.page-template-page-faq .pagehead > * { justify-self: center !important; text-align: center !important; margin-inline: auto !important; }
.page-template-page-faq .pagehead::before, .page-template-page-faq .pagehead::after { display: none; }
.page-template-page-faq .pagehead h1 { font-size: clamp(2rem, 1.3rem + 2.6vw, 3.1rem) !important; }
.page-template-page-faq .faq-search { position: relative; width: min(100%, 620px) !important; max-width: none !important; margin-top: 22px !important; }
.page-template-page-faq .faq-search::before { content: ""; position: absolute; inset-inline-start: 18px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); background: var(--muted); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat; pointer-events: none; }
.page-template-page-faq .faq-search input { min-height: 58px !important; padding-inline: 50px 18px !important; border-radius: 18px !important; border: 0; font-size: 1rem; background: #fff; box-shadow: inset 0 0 0 1px var(--line), 0 18px 34px -24px rgba(59, 29, 122, .55) !important; }
.page-template-page-faq .faq-search input:focus { outline: 0; box-shadow: inset 0 0 0 2px var(--violet-2), 0 18px 34px -24px rgba(59, 29, 122, .55) !important; }

.fz-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 0 auto clamp(26px, 3.4vw, 40px); }
.fz-tab { min-height: 42px; padding: 0 18px; border: 0; border-radius: 999px; background: #fff; color: var(--text); font: 700 .92rem var(--font, inherit); cursor: pointer; box-shadow: inset 0 0 0 1px var(--line); transition: background .2s, color .2s, box-shadow .2s; }
.fz-tab:hover { box-shadow: inset 0 0 0 1px var(--violet-2); color: var(--deep); }
.fz-tab.on { background: var(--deep); color: #fff; box-shadow: none; }

.fz { max-width: 1040px; margin-inline: auto; display: grid; }
.fz-group { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: clamp(18px, 4vw, 64px); padding-block: clamp(26px, 3.4vw, 40px); border-top: 1px solid var(--line); }
.fz-group:first-child { border-top: 0; padding-top: 0; }
.fz-gh { align-self: start; position: sticky; top: 100px; }
.fz-gh h2 { margin: 0; font-size: clamp(1.2rem, 1rem + .7vw, 1.5rem); line-height: 1.4; color: var(--deep); }
.fz-gh p { margin: 8px 0 0; font-size: .92rem; line-height: 1.8; color: var(--muted); }
.fz-n { display: inline-block; margin-top: 12px; padding: 2px 12px; border-radius: 999px; background: var(--tint); color: var(--violet); font-size: .76rem; font-weight: 800; }
.fz-list { display: grid; border-top: 1px solid var(--line); }
.fz-item { border-bottom: 1px solid var(--line); }
.fz-item > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 0; cursor: pointer; font-size: 1.04rem; font-weight: 700; line-height: 1.6; color: var(--deep); transition: color .2s; }
.fz-item > summary::-webkit-details-marker { display: none; }
.fz-item > summary:hover { color: var(--violet); }
.fz-item > summary:focus-visible { outline: 3px solid var(--violet-2); outline-offset: 4px; border-radius: 6px; }
.fz-pm { position: relative; flex: none; width: 32px; height: 32px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--line); transition: background .25s, box-shadow .25s, transform .3s var(--ease-out); }
.fz-pm::before, .fz-pm::after { content: ""; position: absolute; inset: 0; margin: auto; width: 12px; height: 2px; border-radius: 2px; background: var(--deep); transition: transform .3s var(--ease-out), background .25s; }
.fz-pm::after { transform: rotate(90deg); }
.fz-item > summary:hover .fz-pm { box-shadow: inset 0 0 0 1.5px var(--violet-2); }
.fz-item[open] .fz-pm { background: var(--deep); box-shadow: none; transform: rotate(180deg); }
.fz-item[open] .fz-pm::before, .fz-item[open] .fz-pm::after { background: #fff; }
.fz-item[open] .fz-pm::after { transform: rotate(0deg); }
.fz-a { padding: 0 0 22px; padding-inline-end: 50px; }
.fz-a p { margin: 0; max-width: 64ch; font-size: .98rem; line-height: 1.95; color: var(--muted); }
.fz-item[open] .fz-a { animation: fq-in .3s var(--ease-out); }
.fz-empty { margin: 10px auto; padding: 18px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); text-align: center; color: var(--muted); }

.fz-cta { max-width: 1040px; margin: clamp(30px, 4vw, 48px) auto clamp(10px, 2vw, 24px); display: flex; align-items: center; gap: 18px; padding: clamp(20px, 3vw, 32px); border-radius: 24px; background: var(--g-deep); color: #fff; box-shadow: var(--sh-lg); }
.fz-cta-faces { display: flex; flex: none; }
.fz-cta-faces span { display: grid; place-items: center; width: 44px; height: 44px; margin-inline-start: -10px; border-radius: 50%; border: 3px solid #3B1D7A; background: var(--mint); color: var(--deep); font-weight: 800; }
.fz-cta-faces span:first-child { margin-inline-start: 0; background: var(--amber); }
.fz-cta-faces span:last-child { background: #C9B6F7; }
.fz-cta-copy { flex: 1; min-width: 0; }
.fz-cta h2 { margin: 0; font-size: clamp(1.15rem, 1rem + .6vw, 1.4rem); color: #fff; }
.fz-cta p { margin: 4px 0 0; color: rgba(255, 255, 255, .8); font-size: .92rem; }
.fz-cta .m-btn { background: #fff; color: var(--deep); box-shadow: none; }
.fz-cta .m-btn:hover { background: var(--tint); }

@media (max-width: 860px) {
	.fz-group { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.fz-gh { position: static; }
	.fz-tabs { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; }
	.fz-tabs::-webkit-scrollbar { display: none; }
	.fz-tab { flex: none; }
}
@media (max-width: 560px) {
	.fz-item > summary { padding: 16px 0; font-size: .98rem; }
	.fz-a { padding-inline-end: 0; }
	.fz-cta { flex-direction: column; text-align: center; }
	.fz-cta .m-btn { width: 100%; justify-content: center; }
}
.fz-group { padding-block: clamp(22px, 2.8vw, 32px); }
.fz-group + .fz-group { border-top: 1px solid var(--line); }
@media (max-width: 860px) { .fz-list { border-top: 0; } }

/* ==========================================================================
   21. مشاهد رؤوس الصفحات: لكل صفحة رسم متحرك يعبّر عنها (بدل ختم الشعار)
   ========================================================================== */
.x-pagehero:has(> .ha)::before, .x-pagehero:has(> .ha)::after,
.pagehead:has(> .ha)::before, .pagehead:has(> .ha)::after { display: none !important; }
.ha { position: absolute; z-index: 0; top: 50%; inset-inline-end: calc(var(--ph-x, 40px) - 4px); width: clamp(120px, 13vw, 176px); aspect-ratio: 176 / 150; transform: translateY(-50%); pointer-events: none; }
.ha > * { position: absolute; }
.ha::before { content: ""; position: absolute; inset: 6% 8%; border-radius: 50%; background: radial-gradient(closest-side, #F3EEFD 60%, transparent 62%); z-index: -1; }
.ha i { display: block; font-style: normal; }
.ha .ln, .ha-page > i, .ha-sheet > i { height: 6px; border-radius: 6px; background: var(--tint-2); }

/* المقالات */
.ha-card { width: 58%; height: 66%; padding: 8px; border-radius: 14px; background: #fff; box-shadow: 0 14px 24px -16px rgba(59, 29, 122, .55), inset 0 0 0 1px var(--line); display: grid; align-content: start; gap: 6px; }
.ha-card .im { height: 46%; border-radius: 9px; background: linear-gradient(135deg, var(--tint-2), var(--mint-bg)); }
.ha-card .ln.s { width: 60%; }
.ha-card.c1 { top: 4%; inset-inline-start: 6%; transform: rotate(-7deg); animation: ha-swapA 6s ease-in-out infinite; }
.ha-card.c2 { bottom: 4%; inset-inline-end: 4%; transform: rotate(6deg); animation: ha-swapB 6s ease-in-out infinite; }
.ha-card.c2 .im { background: linear-gradient(135deg, #FFE7A6, var(--tint)); }
.ha-bm { top: 2%; inset-inline-end: 16%; width: 18px; height: 30px; background: var(--amber); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 74%, 0 100%); animation: ha-drop 6s ease-in-out infinite; }
@keyframes ha-swapA { 0%, 40% { transform: rotate(-7deg); z-index: 1; } 50%, 90% { transform: translate(8px, 10px) rotate(-3deg) scale(.94); z-index: 0; } 100% { transform: rotate(-7deg); } }
@keyframes ha-swapB { 0%, 40% { transform: rotate(6deg); z-index: 0; } 50%, 90% { transform: translate(-8px, -10px) rotate(2deg) scale(1.04); z-index: 2; } 100% { transform: rotate(6deg); } }
@keyframes ha-drop { 0%, 55% { transform: translateY(-14px); opacity: 0; } 65%, 92% { transform: none; opacity: 1; } 100% { opacity: 0; } }

/* البحث / صفحة عادية: ورقة بسطور */
.ha-page { inset: 10% 16%; padding: 14px 12px; border-radius: 14px; background: #fff; box-shadow: 0 14px 24px -16px rgba(59, 29, 122, .55), inset 0 0 0 1px var(--line); display: grid; align-content: start; gap: 9px; transform: rotate(-4deg); }
.ha-page > i:nth-child(1) { width: 80%; background: var(--deep); opacity: .75; }
.ha-page > i:nth-child(3) { width: 70%; }
.ha-page > i:nth-child(4) { width: 50%; background: var(--mint-bg); }
.ha-lens { top: 20%; inset-inline-start: 30%; width: 44px; height: 44px; border-radius: 50%; border: 5px solid var(--violet); background: rgba(255, 255, 255, .55); box-shadow: 0 8px 16px -8px rgba(59, 29, 122, .6); animation: ha-scan 4.5s ease-in-out infinite; }
.ha-lens::after { content: ""; position: absolute; width: 20px; height: 6px; border-radius: 4px; background: var(--violet); bottom: -8px; right: -14px; transform: rotate(45deg); }
@keyframes ha-scan { 0%, 100% { transform: translate(0, 0); } 33% { transform: translate(-46px, 22px); } 66% { transform: translate(-14px, 46px); } }
.ha-pen { bottom: 12%; inset-inline-end: 10%; width: 74px; height: 11px; border-radius: 3px 8px 8px 3px; background: linear-gradient(90deg, #F3D9A6 0 18%, var(--violet) 18% 84%, #F6C9C9 84%); transform: rotate(-35deg); box-shadow: 0 8px 12px -8px rgba(59, 29, 122, .7); animation: ha-write 2.8s ease-in-out infinite; }
@keyframes ha-write { 0%, 100% { transform: rotate(-35deg) translate(0, 0); } 50% { transform: rotate(-31deg) translate(-16px, 4px); } }

/* الأسعار */
.ha-tag { top: 8%; inset-inline-start: 14%; width: 62%; height: 46%; border-radius: 12px 26px 26px 12px; background: var(--g-deep); box-shadow: 0 16px 26px -16px rgba(59, 29, 122, .8); display: grid; place-items: center; transform-origin: 90% 50%; animation: ha-swing 3.6s ease-in-out infinite; }
.ha-tag::before { content: ""; position: absolute; inset-inline-end: 12px; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: #fff; }
.ha-tag b { color: #fff; font: 800 1.6rem Poppins, sans-serif; margin-inline-end: 12px; }
@keyframes ha-swing { 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(4deg); } }
.ha-switch { bottom: 10%; inset-inline-end: 8%; width: 58px; height: 30px; border-radius: 99px; background: var(--mint-bg); box-shadow: inset 0 0 0 1px var(--line); }
.ha-switch i { position: absolute; top: 4px; inset-inline-start: 4px; width: 22px; height: 22px; border-radius: 50%; background: var(--teal); box-shadow: 0 4px 8px -4px rgba(0, 0, 0, .3); animation: ha-toggle 3.6s ease-in-out infinite; }
@keyframes ha-toggle { 0%, 40% { transform: translateX(0); } 50%, 90% { transform: translateX(-28px); } 100% { transform: translateX(0); } }
.ha-coin { bottom: 10%; width: 26px; height: 26px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #FFE08A, var(--amber) 60%, #D9930A); box-shadow: 0 4px 8px -4px rgba(107, 74, 0, .6); animation: ha-coin 3.6s ease-in infinite; }
.ha-coin.k1 { inset-inline-start: 12%; }
.ha-coin.k2 { inset-inline-start: 30%; animation-delay: .3s; }
.ha-coin.k3 { inset-inline-start: 21%; bottom: 25%; animation-delay: .6s; }
@keyframes ha-coin { 0% { transform: translateY(-70px); opacity: 0; } 25% { transform: none; opacity: 1; } 30% { transform: translateY(-5px); } 35%, 85% { transform: none; opacity: 1; } 100% { opacity: 0; } }

/* تواصل معنا */
.ha-env { bottom: 8%; inset-inline-start: 14%; width: 64%; height: 46%; }
.ha-front { position: absolute; inset: 0; border-radius: 10px; background: linear-gradient(160deg, #fff, var(--tint)); box-shadow: 0 16px 26px -16px rgba(59, 29, 122, .7), inset 0 0 0 1px var(--line); clip-path: polygon(0 0, 50% 52%, 100% 0, 100% 100%, 0 100%); }
.ha-env::before { content: ""; position: absolute; inset: 0; border-radius: 10px; background: var(--tint-2); }
.ha-letter { position: absolute; inset-inline: 10%; top: 8%; height: 80%; border-radius: 6px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); animation: ha-letter 4s ease-in-out infinite; }
.ha-letter::before { content: ""; position: absolute; inset: 10px 12px auto; height: 5px; border-radius: 4px; background: var(--violet); opacity: .7; box-shadow: 0 10px 0 var(--tint-2), 0 20px 0 var(--tint-2); }
@keyframes ha-letter { 0%, 20% { transform: translateY(10px); } 45%, 75% { transform: translateY(-38px); } 100% { transform: translateY(10px); } }
.ha-plane { top: 4%; inset-inline-start: 6%; width: 34px; height: 26px; background: var(--teal); clip-path: polygon(0 50%, 100% 0, 70% 100%, 52% 62%); animation: ha-fly 4s ease-in-out infinite; }
@keyframes ha-fly { 0% { transform: translate(30px, 30px) scale(.6); opacity: 0; } 30% { opacity: 1; } 70% { transform: translate(-30px, -6px) scale(1); opacity: 1; } 100% { transform: translate(-60px, -20px); opacity: 0; } }
.ha-bubble { top: 6%; inset-inline-end: 4%; display: flex; gap: 4px; padding: 9px 11px; border-radius: 14px 14px 4px 14px; background: #fff; box-shadow: 0 10px 18px -12px rgba(59, 29, 122, .6), inset 0 0 0 1px var(--line); }
.ha-bubble i { width: 6px; height: 6px; border-radius: 50%; background: var(--violet); animation: ha-dot 1.2s ease-in-out infinite; }
.ha-bubble i:nth-child(2) { animation-delay: .15s; } .ha-bubble i:nth-child(3) { animation-delay: .3s; }
@keyframes ha-dot { 0%, 100% { transform: translateY(0); opacity: .45; } 40% { transform: translateY(-4px); opacity: 1; } }

/* الامتحانات */
.ha-sheet { top: 8%; inset-inline-start: 18%; width: 58%; height: 80%; padding: 12px 10px; border-radius: 12px; background: #fff; box-shadow: 0 14px 24px -16px rgba(59, 29, 122, .6), inset 0 0 0 1px var(--line); display: grid; align-content: start; gap: 8px; transform: rotate(-5deg); z-index: 1; }
.ha-sheet b { font: 800 .82rem Poppins, sans-serif; color: var(--deep); padding-bottom: 4px; border-bottom: 1px dashed var(--line); }
.ha-sheet > i:nth-of-type(2) { width: 70%; }
.ha-sheet.back { z-index: 0; transform: rotate(6deg) translate(-12px, 6px); background: var(--tint); box-shadow: inset 0 0 0 1px var(--line); }
.ha-stamp { z-index: 2; bottom: 6%; inset-inline-end: 8%; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; border: 3px solid var(--teal); color: var(--teal); background: rgba(255, 255, 255, .85); font-weight: 800; font-size: 1.3rem; animation: ha-stamp 3.2s cubic-bezier(.3, 1.5, .5, 1) infinite; }
@keyframes ha-stamp { 0%, 30% { transform: translate(-6px, -40px) scale(1.4) rotate(-20deg); opacity: 0; } 45% { transform: scale(.92) rotate(-12deg); opacity: 1; } 52%, 88% { transform: rotate(-12deg); opacity: 1; } 100% { opacity: 0; transform: rotate(-12deg); } }

/* المناهج: أعلام تدور */
.ha-core { inset: 30%; border-radius: 22px; background: #fff url("../img/icon.png") center / 64% auto no-repeat; box-shadow: 0 16px 26px -16px rgba(59, 29, 122, .6), inset 0 0 0 1px var(--line); z-index: 1; }
.ha-orbit { inset: 2%; border-radius: 50%; border: 2px dashed rgba(124, 77, 224, .28); animation: ph-spin 16s linear infinite; }
.ha-orbit .f { position: absolute; width: 34px; height: 23px; border-radius: 5px; box-shadow: 0 6px 12px -6px rgba(0, 0, 0, .4), 0 0 0 2px #fff; animation: ph-spin 16s linear infinite reverse; }
.ha-orbit .f.ps { top: -11px; left: calc(50% - 17px); background: linear-gradient(90deg, #E4312B 0 26%, transparent 26%), linear-gradient(#000 0 33%, #fff 33% 66%, #149954 66%); }
.ha-orbit .f.eg { bottom: -11px; left: calc(50% - 17px); background: linear-gradient(#CE1126 0 33%, #fff 33% 66%, #000 66%); }
.ha-orbit .f.jo { left: -17px; top: calc(50% - 11px); background: linear-gradient(90deg, #CE1126 0 26%, transparent 26%), linear-gradient(#000 0 33%, #fff 33% 66%, #007A3D 66%); }
.ha-orbit .f.sa { right: -17px; top: calc(50% - 11px); background: #006C35; }

/* المادة: كتاب تتقلب صفحاته */
.ha-book { top: 18%; inset-inline-start: 10%; width: 66%; height: 58%; perspective: 400px; }
.ha-book::before, .ha-book::after { content: ""; position: absolute; top: 0; bottom: 0; width: 50%; border-radius: 8px; background: #fff; box-shadow: 0 14px 22px -14px rgba(59, 29, 122, .55), inset 0 0 0 1px var(--line); }
.ha-book::before { left: 0; border-radius: 10px 2px 2px 10px; background: linear-gradient(#fff, #fff) padding-box, repeating-linear-gradient(180deg, transparent 0 9px, var(--tint) 9px 10px); }
.ha-book::after { right: 0; border-radius: 2px 10px 10px 2px; }
.ha-book .sp { position: absolute; left: calc(50% - 2px); top: -2px; bottom: -2px; width: 4px; border-radius: 4px; background: var(--violet); z-index: 3; }
.ha-book .pg { position: absolute; top: 0; bottom: 0; right: 0; width: 50%; border-radius: 2px 10px 10px 2px; background: linear-gradient(90deg, #F4F0FD, #fff); box-shadow: inset 0 0 0 1px var(--line); transform-origin: left center; z-index: 2; animation: ha-flip 4s ease-in-out infinite; }
.ha-book .pg.p2 { animation-delay: 2s; background: linear-gradient(90deg, var(--mint-bg), #fff); }
@keyframes ha-flip { 0%, 15% { transform: rotateY(0); } 50%, 100% { transform: rotateY(-178deg); opacity: .9; } }
.ha-ring { bottom: 2%; inset-inline-end: 6%; width: 52px; height: 52px; border-radius: 50%; background: #fff; box-shadow: 0 10px 18px -12px rgba(59, 29, 122, .6), inset 0 0 0 1px var(--line); }
.ha-ring svg, .ha-timer svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.ha-ring circle, .ha-timer circle { fill: none; stroke: var(--tint); stroke-width: 4; }
.ha-ring circle.v { stroke: var(--teal); stroke-linecap: round; stroke-dasharray: 0 100; animation: ha-fill 4s ease-out infinite; }
@keyframes ha-fill { 0%, 10% { stroke-dasharray: 0 100; } 70%, 90% { stroke-dasharray: 72 28; } 100% { stroke-dasharray: 72 28; opacity: 0; } }

/* امتحان سنة: مؤقت */
.ha-sheet.sm { inset-inline-start: 8%; width: 54%; height: 76%; }
.ha-timer { z-index: 2; top: 12%; inset-inline-end: 4%; width: 70px; height: 70px; border-radius: 50%; background: #fff; box-shadow: 0 14px 24px -14px rgba(59, 29, 122, .6), inset 0 0 0 1px var(--line); }
.ha-timer::before { content: ""; position: absolute; top: -8px; left: calc(50% - 7px); width: 14px; height: 9px; border-radius: 4px 4px 2px 2px; background: var(--deep); }
.ha-timer circle.v { stroke: var(--amber); stroke-linecap: round; stroke-dasharray: 100 0; animation: ha-count 6s linear infinite; }
.ha-timer i { position: absolute; left: calc(50% - 1.5px); top: 22%; width: 3px; height: 28%; border-radius: 3px; background: var(--deep); transform-origin: 50% 100%; animation: ph-spin 6s linear infinite; }
@keyframes ha-count { from { stroke-dasharray: 100 0; } to { stroke-dasharray: 0 100; } }

/* خطة المراجعة: تقويم */
.ha-cal { inset: 8% 12%; border-radius: 16px; background: #fff; box-shadow: 0 14px 24px -16px rgba(59, 29, 122, .6), inset 0 0 0 1px var(--line); overflow: hidden; }
.ha-cal > b { display: block; height: 26%; background: var(--g-deep); }
.ha-cal > b::before, .ha-cal > b::after { content: ""; position: absolute; top: -6px; width: 6px; height: 16px; border-radius: 4px; background: var(--violet-2); }
.ha-cal > b::before { left: 28%; } .ha-cal > b::after { right: 28%; }
.ha-cal .d { position: absolute; inset: 34% 10% 10%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.ha-cal .d i { border-radius: 6px; background: var(--neutral); position: relative; }
.ha-cal .d i::after { content: "✓"; position: absolute; inset: 0; display: grid; place-items: center; border-radius: 6px; background: var(--teal); color: #fff; font-size: .7rem; font-weight: 800; transform: scale(0); animation: ha-tick 6s ease-out infinite; }
.ha-cal .d i:nth-child(2)::after { animation-delay: .5s; } .ha-cal .d i:nth-child(3)::after { animation-delay: 1s; } .ha-cal .d i:nth-child(4)::after { animation-delay: 1.5s; }
.ha-cal .d i:nth-child(5)::after { animation-delay: 2s; } .ha-cal .d i:nth-child(6)::after { animation-delay: 2.5s; background: var(--amber); }
.ha-cal .d i:nth-child(7)::after, .ha-cal .d i:nth-child(8)::after { display: none; }
@keyframes ha-tick { 0% { transform: scale(0); } 6% { transform: scale(1.2); } 9%, 85% { transform: scale(1); } 95%, 100% { transform: scale(0); } }

/* القانونية: درع */
.ha-shield { inset: 12% 26%; background: var(--g-deep); clip-path: path('M44 0 L88 16 V52 C88 82 66 100 44 110 C22 100 0 82 0 52 V16 Z'); width: 88px; height: 110px; inset: auto; top: calc(50% - 55px); left: calc(50% - 44px); }
.ha-lock { position: absolute; left: 29px; top: 46px; width: 30px; height: 24px; border-radius: 6px; background: #fff; }
.ha-lock::before { content: ""; position: absolute; left: 6px; top: -14px; width: 18px; height: 18px; border-radius: 10px 10px 0 0; border: 4px solid #fff; border-bottom: 0; box-sizing: border-box; }
.ha-lock::after { content: ""; position: absolute; left: 12px; top: 8px; width: 6px; height: 9px; border-radius: 3px; background: var(--deep); }
.ha-pulse { top: 50%; left: 50%; width: 110px; height: 110px; margin: -55px 0 0 -55px; border-radius: 50%; border: 2px solid var(--mint); animation: ha-pulse 2.6s ease-out infinite; }
@keyframes ha-pulse { 0% { transform: scale(.6); opacity: .9; } 100% { transform: scale(1.35); opacity: 0; } }

/* الأسئلة الشائعة (رأس في المنتصف: فقاعتان على الطرفين) */
.ha-faq { top: 0; bottom: 0; inset-inline: 0; width: auto; aspect-ratio: auto; transform: none; }
.ha-faq::before { display: none; }
.ha-q { top: 22%; inset-inline-end: 6%; display: grid; place-items: center; width: 60px; height: 60px; border-radius: 20px 20px 20px 6px; background: var(--g-deep); color: #fff; font-size: 1.8rem; font-weight: 800; box-shadow: 0 16px 26px -16px rgba(59, 29, 122, .8); animation: ha-bob 4s ease-in-out infinite; }
.ha-ans { bottom: 20%; inset-inline-start: 6%; display: grid; gap: 6px; width: 92px; padding: 12px; border-radius: 18px 18px 6px 18px; background: #fff; box-shadow: 0 16px 26px -16px rgba(59, 29, 122, .55), inset 0 0 0 1px var(--line); animation: ha-bob 4s ease-in-out infinite -2s; }
.ha-ans i { height: 6px; border-radius: 6px; background: var(--mint); }
.ha-ans i + i { width: 60%; background: var(--tint-2); }
@keyframes ha-bob { 50% { transform: translateY(-8px) rotate(-2deg); } }

/* مساحة النص بجانب المشهد */
.x-pagehero:has(> .ha:not(.ha-faq)), .pagehead:not(.pagehead-media):has(> .ha:not(.ha-faq)) { padding-inline-end: calc(var(--ph-x, 40px) + clamp(130px, 15vw, 196px)) !important; }
.x-pagehero > :not(.ha), .pagehead > :not(.ha) { position: relative; z-index: 1; }
@media (max-width: 760px) {
	.ha { width: 96px; top: 18px; transform: none; inset-inline-end: 8px; opacity: .95; }
	.x-pagehero:has(> .ha:not(.ha-faq)), .pagehead:not(.pagehead-media):has(> .ha:not(.ha-faq)) { padding-inline-end: 112px !important; }
	.ha-faq { display: none; }
	.ha-orbit .f { width: 24px; height: 16px; }
	.ha-orbit .f.ps, .ha-orbit .f.eg { left: calc(50% - 12px); }
	.ha-shield { transform: scale(.7); }
	.ha-timer { width: 50px; height: 50px; }
	.ha-stamp { width: 36px; height: 36px; font-size: 1rem; }
	.ha-coin { width: 18px; height: 18px; }
}
@media (prefers-reduced-motion: reduce) { .ha *, .ha *::before, .ha *::after { animation: none !important; } }

/* ---------- 22. عناوين أصغر وأهدأ في كل الموقع ---------- */
.x-pagehero h1, .pagehead:not(.ds-page *) h1 { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.2rem) !important; line-height: 1.3; }
.page-template-page-faq .pagehead h1 { font-size: clamp(1.6rem, 1.15rem + 1.6vw, 2.4rem) !important; }
.ab-hero h1 { font-size: clamp(1.7rem, 1.2rem + 1.8vw, 2.5rem) !important; }
.soon h1 { font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.3rem) !important; }
.m-hero h1 { font-size: clamp(1.9rem, 1.1rem + 2.6vw, 3rem) !important; }
.m-head h2 { font-size: clamp(1.2rem, 1rem + .7vw, 1.55rem) !important; }
.fz-gh h2 { font-size: clamp(1.1rem, 1rem + .4vw, 1.3rem); }
.page-template-page-about .entry-content > h2, .legal-doc .entry-content h2 { font-size: clamp(1.1rem, 1rem + .45vw, 1.35rem) !important; }
.entry-content h2 { font-size: clamp(1.2rem, 1.05rem + .5vw, 1.45rem); }
.entry-content h3 { font-size: clamp(1.05rem, 1rem + .3vw, 1.2rem); }
@media (min-width: 961px) and (max-height: 880px) { .m-hero h1 { font-size: clamp(1.9rem, 1rem + 2.6vw, 2.8rem) !important; } }
.x-pagehero > .ha, .pagehead > .ha { position: absolute !important; display: block !important; z-index: 0 !important; margin: 0 !important; }
.pagehead > .ha-faq { justify-self: stretch !important; align-self: stretch !important; }
.x-pagehero > .ha:not(.ha-faq), .pagehead > .ha:not(.ha-faq) { justify-self: auto !important; }
.ha-orbit .f { background: none !important; display: block; overflow: hidden; }
.ha-orbit .f svg { display: block; width: 100%; height: 100%; }
@media (max-width: 760px) {
	.ha-curricula { width: 86px; top: 22px; }
	.ha-curricula .ha-orbit .f { width: 20px; height: 14px; }
	.ha-curricula .ha-orbit .f.ps, .ha-curricula .ha-orbit .f.eg { left: calc(50% - 10px); }
	.ha-curricula .ha-orbit .f.ps { top: -7px; } .ha-curricula .ha-orbit .f.eg { bottom: -7px; }
	.ha-curricula .ha-orbit .f.jo { left: -10px; } .ha-curricula .ha-orbit .f.sa { right: -10px; }
	.x-pagehero:has(> .ha:not(.ha-faq)), .pagehead:not(.pagehead-media):has(> .ha:not(.ha-faq)) { padding-inline-end: 118px !important; }
}

/* ==========================================================================
   23. عناوين الخصوصية بنفس خط عناوين الأقسام · قائمة الجوال · شارة البطل على الجوال
       · رأس المناهج على اللابتوب · صفحة الدخول · لوحات التحكم
   ========================================================================== */

/* عناوين الصفحات القانونية: شريط الهوية + تدرّج (مثل «اختر منهجك ومادتك») */
.legal-doc .entry-content h2 {
	gap: 12px; background-image: var(--grad-title); -webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent; color: transparent; font-weight: 800;
}
.legal-doc .entry-content h2::before {
	content: "" !important; width: 30px !important; height: 12px !important; border-radius: 6px !important; flex: none;
	background: linear-gradient(-90deg, var(--mint) 0 33%, var(--teal) 33% 66%, var(--violet) 66%) !important;
	box-shadow: none; -webkit-text-fill-color: initial;
}

/* زر القائمة وقائمة الجوال بنفس أسلوب الدفتر */
.nav-cta { display: none; }
@media (max-width: 900px) {
	.nav-toggle { gap: 8px; min-height: 42px; padding: 0 14px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: var(--deep); font-weight: 800; transition: background .2s, color .2s; }
	.nav-toggle[aria-expanded="true"] { background: var(--deep); color: #fff; box-shadow: none; }
	.nav-toggle[aria-expanded="true"] .nav-toggle-bars, .nav-toggle[aria-expanded="true"] .nav-toggle-bars::before, .nav-toggle[aria-expanded="true"] .nav-toggle-bars::after { background-color: #fff; }
	.nav.open {
		margin-top: 10px; padding: 10px; border-radius: 22px; background-color: #fff;
		box-shadow: inset 0 0 0 1px var(--line), 0 26px 44px -30px rgba(59, 29, 122, .55);
		background-image: linear-gradient(to left, transparent 26px, rgba(124, 77, 224, .2) 26px, rgba(124, 77, 224, .2) 28px, transparent 28px), repeating-linear-gradient(180deg, transparent 0 47px, #F1EDF9 47px 48px);
		animation: nav-in .25s var(--ease-out);
	}
	@keyframes nav-in { from { opacity: 0; transform: translateY(-6px); } }
	.nav.open .menu { gap: 0; }
	.nav.open .menu > li + li { border-top: 1px dashed var(--line); }
	.nav.open .menu > li > a { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 14px; padding-inline-start: 34px; border-radius: 14px; background: transparent; color: var(--deep); font-weight: 800; font-size: 1rem; }
	.nav.open .menu > li > a::after { content: "←"; font-weight: 800; color: var(--muted); opacity: .6; border: 0; width: auto; height: auto; transform: none; position: static; }
	.nav.open .menu > li.menu-item-has-children > a::after { content: "⌄"; font-size: 1.1rem; line-height: 1; }
	.nav.open .menu > li.current-menu-item > a, .nav.open .menu > li.current_page_item > a, .nav.open .menu > li.current-menu-ancestor > a { background: var(--g-deep); color: #fff; }
	.nav.open .menu > li.current-menu-item > a::after, .nav.open .menu > li.current_page_item > a::after, .nav.open .menu > li.current-menu-ancestor > a::after { color: #fff; opacity: .8; }
	.nav.open .sub-menu { position: static !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin: 0 !important; padding: 2px 6px 10px !important; padding-inline-start: 30px !important; background: none !important; border: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; min-width: 0 !important; }
	.nav.open .sub-menu li { border: 0 !important; }
	.nav.open .sub-menu a { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 12px; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: var(--deep); font-weight: 700; font-size: .9rem; }
	.nav.open .sub-menu a::after { display: none; }
	.nav.open .sub-menu a:hover { box-shadow: inset 0 0 0 1.5px var(--violet-2); }
	.nav-cta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 8px; padding: 12px 4px 4px; padding-inline-start: 30px; border-top: 1px dashed var(--line); }
	.nav-cta .btn { min-height: 46px; width: 100%; }
	.nav-cta .btn:only-child { grid-column: 1 / -1; }
}

/* شارة «منصة المراجعة اليومية...» في البطل: مختصرة ومرتبة على الجوال */
@media (max-width: 560px) {
	.m-hero-badge { display: none !important; }
}

/* رأس صفحة المناهج (وكل رأس فيه مشهد): ارتفاع كافٍ فلا يُقص الرسم على اللابتوب */
.x-pagehero:has(> .ha:not(.ha-faq)), .pagehead:not(.pagehead-media):has(> .ha:not(.ha-faq)) { min-height: calc(clamp(120px, 13vw, 176px) * .86 + 56px); }
.ha-curricula { width: clamp(120px, 12vw, 160px); }
.ha-curricula .ha-orbit { inset: 12%; }
.ha-curricula .ha-core { inset: 34%; }
.ha-curricula .ha-orbit .f { width: 30px; height: 20px; }
.ha-curricula .ha-orbit .f.ps, .ha-curricula .ha-orbit .f.eg { left: calc(50% - 15px); }
.ha-curricula .ha-orbit .f.ps { top: -10px; } .ha-curricula .ha-orbit .f.eg { bottom: -10px; }
.ha-curricula .ha-orbit .f.jo { left: -15px; top: calc(50% - 10px); } .ha-curricula .ha-orbit .f.sa { right: -15px; top: calc(50% - 10px); }

/* صفحة الدخول: لوحة جانبية ليلية بشعار يتجمّع وتقدم يتحرك */
.page-template-page-login .auth { background: #fff; box-shadow: var(--sh-lg); border: 0; }
.page-template-page-login .auth-main {
	background-color: #fff;
	background-image: linear-gradient(to left, transparent 40px, rgba(124, 77, 224, .22) 40px, rgba(124, 77, 224, .22) 42px, transparent 42px), repeating-linear-gradient(180deg, transparent 0 41px, #F1EDF9 41px 42px);
}
.page-template-page-login .auth-card { position: relative; z-index: 1; }
.page-template-page-login .auth-side {
	position: relative; overflow: hidden; color: #fff;
	background: radial-gradient(420px 300px at 100% 0%, rgba(122, 219, 168, .22), transparent 70%), radial-gradient(380px 300px at 0% 100%, rgba(251, 180, 20, .14), transparent 70%), var(--g-deep);
}
.page-template-page-login .auth-side::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(180deg, transparent 0 41px, rgba(255, 255, 255, .05) 41px 42px); pointer-events: none; }
.page-template-page-login .auth-side-in { position: relative; text-align: center; justify-items: center; }
.page-template-page-login .auth-side h2 { color: #fff; -webkit-text-fill-color: #fff; background: none; font-size: clamp(1.3rem, 1rem + 1vw, 1.7rem); }
.page-template-page-login .auth-side-in > p { color: rgba(255, 255, 255, .8); }
.auth-logo-anim { --T: 9s; position: relative; width: 116px; aspect-ratio: 236 / 256; filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .35)); }
.auth-logo-anim .ab-l { position: absolute; inset: 0; width: 100%; height: 100%; }
.auth-logo-anim::after { content: ""; position: absolute; inset: -18% -24%; border-radius: 50%; border: 2px dashed rgba(255, 255, 255, .22); animation: ph-spin 26s linear infinite; z-index: -1; }
.page-template-page-login .auth-preview { width: 100%; text-align: start; background: #fff; color: var(--text); border-radius: 20px; box-shadow: 0 24px 40px -26px rgba(0, 0, 0, .5); }
.page-template-page-login .ap-row i::before { animation: ap-grow 1.6s var(--ease-out) both; }
.page-template-page-login .ap-row:nth-of-type(3) i::before { animation-delay: .2s; } .page-template-page-login .ap-row:nth-of-type(4) i::before { animation-delay: .4s; }
@keyframes ap-grow { from { width: 0; } }
.page-template-page-login .auth-feats { width: 100%; text-align: start; }
.page-template-page-login .auth-feats li { padding: 10px 12px; border-radius: 16px; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
.page-template-page-login .auth-feats b { color: #fff; }
.page-template-page-login .auth-feats li > span:last-child { color: rgba(255, 255, 255, .75); }
.page-template-page-login .af-ico { background: rgba(255, 255, 255, .14); color: var(--mint); box-shadow: none; }
.page-template-page-login .auth-head h1 { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.2rem) !important; }
@media (max-width: 900px) {
	.page-template-page-login .auth-side { border-top: 0; }
	.auth-logo-anim { width: 84px; }
}
@media (prefers-reduced-motion: reduce) { .auth-logo-anim .ab-l { animation: none !important; opacity: 1; } .auth-logo-anim::after, .page-template-page-login .ap-row i::before { animation: none !important; } }

/* لوحات التحكم: رأس بأسلوب الدفتر وعناوين أصغر */
.ds-hero {
	background-color: #fff !important;
	background-image:
		radial-gradient(300px 220px at 0% 100%, rgba(122, 219, 168, .2), transparent 70%),
		radial-gradient(320px 220px at 100% 0%, rgba(124, 77, 224, .12), transparent 70%),
		linear-gradient(to left, transparent 44px, rgba(124, 77, 224, .24) 44px, rgba(124, 77, 224, .24) 46px, transparent 46px),
		repeating-linear-gradient(180deg, transparent 0 41px, #ECE7F7 41px 42px) !important;
}
.ds-hero h1, .ds-hero .ds-x { font-size: clamp(1.5rem, 1.1rem + 1.5vw, 2.2rem) !important; }
.ds-hero-copy, .ds-hero > :first-child { padding-inline-start: 36px; }
@media (max-width: 760px) { .ds-hero { background-image: repeating-linear-gradient(180deg, transparent 0 41px, #ECE7F7 41px 42px) !important; } .ds-hero-copy, .ds-hero > :first-child { padding-inline-start: 0; } }
.page-template-page-login .ap-row i::before { animation: none !important; }
@media (max-width: 900px) {
	.nav.open .nav-cta a.btn { display: inline-flex !important; align-items: center; justify-content: center; min-height: 46px !important; padding: 0 14px !important; border-radius: 14px !important; font-weight: 800 !important; font-size: .95rem !important; }
	.nav.open .nav-cta a.btn::after { display: none !important; }
	.nav.open .nav-cta .btn-line { background: #fff !important; color: var(--deep) !important; box-shadow: inset 0 0 0 1px var(--line) !important; }
	.nav.open .nav-cta .btn-brand { background: var(--g-deep, var(--brand)) !important; color: #fff !important; box-shadow: 0 10px 20px -12px rgba(59, 29, 122, .8) !important; }
}
/* نموذج الدخول بلا سطور: خلفية بيضاء نظيفة */
.page-template-page-login .auth-main { background-image: none !important; background-color: #fff !important; }
.ap-row i::before { width: auto !important; inset-inline-end: calc(100% - var(--w, 0%)) !important; }
/* أشرطة المثال في صفحة الدخول: التعبئة على العنصر نفسه */
.ap-row i::before { display: none !important; }
.ap-row i { background: linear-gradient(to left, var(--teal) 0 var(--w, 0%), var(--tint) var(--w, 0%) 100%) !important; }
.ap-row.is-weak i { background: linear-gradient(to left, var(--amber) 0 var(--w, 0%), var(--tint) var(--w, 0%) 100%) !important; }

/* ==========================================================================
   24. صفحة الدخول بألوان فاتحة: مشهد الامتحان والشعار المتحرك بجانب النموذج
   ========================================================================== */
.page-template-page-login .auth { background: #fff !important; border: 0 !important; box-shadow: 0 30px 60px -40px rgba(59, 29, 122, .45), inset 0 0 0 1px var(--line) !important; }
.page-template-page-login .auth-side {
	color: var(--text) !important;
	background-color: #F8F5FF !important;
	background-image:
		radial-gradient(360px 260px at 100% 0%, rgba(122, 219, 168, .28), transparent 70%),
		radial-gradient(360px 260px at 0% 100%, rgba(124, 77, 224, .14), transparent 70%),
		linear-gradient(to left, transparent 40px, rgba(124, 77, 224, .22) 40px, rgba(124, 77, 224, .22) 42px, transparent 42px),
		repeating-linear-gradient(180deg, transparent 0 41px, #E9E3F7 41px 42px) !important;
	border-inline-start: 1px solid var(--line);
}
.page-template-page-login .auth-side::before { display: none !important; }
.page-template-page-login .auth-side-in { gap: 16px !important; max-width: 460px; }
.page-template-page-login .auth-side h2 {
	background-image: var(--grad-title) !important; -webkit-background-clip: text !important; background-clip: text !important;
	-webkit-text-fill-color: transparent !important; color: transparent !important; font-size: clamp(1.3rem, 1rem + 1vw, 1.65rem) !important;
}
.page-template-page-login .auth-side-in > p { color: var(--muted) !important; max-width: 40ch; margin-inline: auto !important; }
.auth-stage { --T: 9s; width: min(100%, 360px) !important; margin-inline: auto; }
.auth-stage .ab-chip.c1 { inset-inline-end: -4%; }
.page-template-page-login .auth-feats { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px !important; }
.page-template-page-login .auth-feats li { flex-direction: column; align-items: center !important; text-align: center; gap: 8px !important; padding: 14px 10px !important; border-radius: 18px !important; background: #fff !important; box-shadow: inset 0 0 0 1px var(--line), 0 12px 24px -20px rgba(59, 29, 122, .45) !important; }
.page-template-page-login .auth-feats b { color: var(--deep) !important; font-size: .9rem !important; }
.page-template-page-login .auth-feats li > span:last-child { color: var(--muted) !important; font-size: .78rem !important; line-height: 1.6; }
.page-template-page-login .af-ico { background: var(--tint) !important; color: var(--violet) !important; box-shadow: none !important; }
.page-template-page-login .auth-feats li:nth-child(2) .af-ico { background: var(--mint-bg) !important; color: var(--teal) !important; }
.page-template-page-login .auth-feats li:nth-child(3) .af-ico { background: var(--amber-bg) !important; color: var(--amber-ink) !important; }

/* النموذج: بطاقة نظيفة ومريحة */
.page-template-page-login .auth-main { background: #fff !important; }
.page-template-page-login .auth-card { width: 100%; max-width: 440px; }
.page-template-page-login .auth-tabs { padding: 5px; border-radius: 16px; background: var(--neutral); box-shadow: inset 0 0 0 1px var(--line); }
.page-template-page-login .auth-tabs button { min-height: 44px; border-radius: 12px; font-weight: 800; }
.page-template-page-login .auth-tabs button.on, .page-template-page-login .auth-tabs button[aria-selected="true"] { background: #fff; color: var(--deep); box-shadow: 0 8px 18px -12px rgba(59, 29, 122, .5); }
.page-template-page-login .auth-card input[type="text"], .page-template-page-login .auth-card input[type="email"], .page-template-page-login .auth-card input[type="password"], .page-template-page-login .auth-card select {
	min-height: 52px; border-radius: 14px; border: 0; background: var(--neutral); box-shadow: inset 0 0 0 1px var(--line); transition: background .2s, box-shadow .2s;
}
.page-template-page-login .auth-card input:focus, .page-template-page-login .auth-card select:focus { background: #fff; outline: 0; box-shadow: inset 0 0 0 2px var(--violet-2), 0 0 0 4px rgba(124, 77, 224, .12); }
.page-template-page-login .auth-card .btn-brand { min-height: 52px; border-radius: 14px; }
@media (max-width: 900px) {
	.page-template-page-login .auth-side { border-inline-start: 0; border-top: 1px solid var(--line); background-image: radial-gradient(300px 200px at 100% 0%, rgba(122, 219, 168, .26), transparent 70%), repeating-linear-gradient(180deg, transparent 0 41px, #E9E3F7 41px 42px) !important; }
	.auth-stage { width: min(100%, 300px) !important; }
}
@media (max-width: 560px) {
	.page-template-page-login .auth-feats { grid-template-columns: minmax(0, 1fr); }
	.page-template-page-login .auth-feats li { flex-direction: row; text-align: start; align-items: center !important; }
}
/* الموافقة على الشروط (بدل «تذكرني») */
.auth-terms-check { margin: 4px 0 12px; }
.auth-terms-check label { display: flex; align-items: flex-start; gap: 10px; font-size: .9rem; line-height: 1.7; color: var(--text); cursor: pointer; }
.auth-terms-check input[type="checkbox"] { flex: none; width: 20px; height: 20px; margin-top: 3px; accent-color: var(--violet); cursor: pointer; }
.auth-terms-check a { color: var(--violet); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.page-template-page-login .login-remember { display: none; }
.page-template-page-login #loginform .auth-forgot { display: inline-block; margin-bottom: 14px; }