/* ══════════════════════════════════════════════════════════════════════════
   A Plan — single post v8 · aplan-single.8.2.0.css
   طبقة أخيرة فوق foundation/sections، على المقالات فقط (بعد aplan-dialog.8.2.0.css
   الذي يحمل الألوان والأزرار والنافذتين). كل قاعدة تحت body.ap-v8.single-post.
   مستثنى من RUCSS فيصل كاملًا في الحالتين: مع wpr-usedcss وبدونه (روابط
   style.css + ستايلات مضمّنة متأخرة) — لذلك المحدِّدات أعلى نوعية و!important
   حيث ينازع الإرث بـ!important. نسخة جديدة = اسم ملف جديد (immutable سنة).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 0a. Tajawal معرّف قبل أول رسم ─────────────────────────────────────────
   css2 من Google يُحمَّل لاحقًا (preload+onload من speed-optimizer) فيُعاد تعريف الخط بعد أول رسم
   ويقفز H1 في الهيرو المضغوط 2→3→2 سطر (1910 جوال مخنوق: CLS 0.064). نفس قواعد css2
   (v12، عربي+لاتيني، 400/500/700/800، swap) هنا في ورقة تحجب الرسم + preload للأوزان
   الأولى في aplan-single-v8.php ⇒ لا تبديل. لو حدّثت Google النسخة، حدّث الروابط هنا وهناك. */
@font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/tajawal/v12/Iura6YBj_oCad4k1nzSBC45I.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/tajawal/v12/Iura6YBj_oCad4k1nzGBCw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l8KiHrRpiYlJ.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l8KiHrFpiQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l4qkHrRpiYlJ.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l4qkHrFpiQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l5anHrRpiYlJ.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l5anHrFpiQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ── 0. tokens (القياسات؛ الألوان في aplan-dialog) ───────────────────────── */
body.ap-v8.single-post {
  --ap-hdr: 87px;             /* ارتفاع #main-header المقيس (fixed) */
  --ap-gutter: 16px;
  --ap-measure: 43.75rem;     /* 700px ≈ 67ch بخط 19px (1ch = 10.48px) */
  --ap-wide: 900px;
  --ap-body: 1.0625rem;       /* 17px جوال */
  --ap-lh: 1.85;
  --ap-dock-w: 0px;
}
@media (min-width: 768px)  { body.ap-v8.single-post { --ap-gutter: 24px; } }
/* ≥900 = نقطة تحوّل الشريط القديمة إلى قرص عائم؛ من هنا يصير عمودًا عند نهاية السطر
   والعمود العريض يُقصّ بحيث لا يلمسه أبدًا (dock-w + 20px هامش + 32px فراغ، على الجانبين للتوسيط). */
/* 19px من 900 (لا 1024): العمود 700px = 66.7ch في كل عرض ≥900 (كان 74.7ch بين 900 و1023 بخط 17px) */
@media (min-width: 900px)  { body.ap-v8.single-post { --ap-dock-w: 44px; --ap-wide: min(900px, 100vw - 2 * (var(--ap-dock-w) + 52px)); --ap-body: 1.1875rem; --ap-lh: 1.9; } }
@media (min-width: 1024px) { body.ap-v8.single-post { --ap-gutter: 32px; } }
@media (min-width: 1280px) { body.ap-v8.single-post { --ap-dock-w: 168px; } }

body.ap-v8.single-post ::selection { background: var(--ap-navy); color: #fff; }
/* قائمة الجوال المغلقة (left:100%) تُسقط ظلّها -5px 0 20px على حافة المقال — يظهر الظل فقط حين تُفتح */
body.ap-v8.single-post #mobile-menu:not(.active) { box-shadow: none !important; }

/* ── 1. الهيرو المضغوط ─────────────────────────────────────────────────── */
body.ap-v8.single-post .blog-hero {
  display: block !important;
  min-height: 0 !important;
  padding: calc(var(--ap-hdr) + 14px) 0 20px !important;
}
@media (min-width: 1024px) {
  body.ap-v8.single-post .blog-hero { padding: calc(var(--ap-hdr) + 44px) 0 48px !important; }
}
body.ap-v8.single-post .blog-hero > .container {
  max-width: calc(var(--ap-measure) + 2 * var(--ap-gutter)) !important;
  width: auto !important;
  margin-inline: auto !important;
  padding-inline: var(--ap-gutter) !important;
}
body.ap-v8.single-post .ap-bc ol {
  display: flex; flex-wrap: nowrap; align-items: baseline; gap: .45em;
  margin: 0; padding: 0; list-style: none;
  font-size: .8125rem; line-height: 1.6; color: #fff;   /* 5.74:1 أسوأ حالة: صورة بيضاء تحت طبقة سوداء 60% */
  white-space: nowrap; overflow: hidden;
}
body.ap-v8.single-post .ap-bc li { min-width: 0; margin: 0; padding: 0; }
body.ap-v8.single-post .ap-bc li:last-child { overflow: hidden; text-overflow: ellipsis; }
body.ap-v8.single-post .ap-bc li + li::before { content: "/"; content: "/" / ""; margin-inline-end: .45em; opacity: .55; }
body.ap-v8.single-post .ap-bc a {
  color: inherit !important; text-decoration: underline; text-decoration-thickness: 1px;
  text-decoration-color: rgba(255,255,255,.35); text-underline-offset: .32em;
}
body.ap-v8.single-post .ap-bc a:hover { text-decoration-color: currentColor; }
body.ap-v8.single-post .blog-hero .post-title {
  margin: .5rem 0 0 !important;
  font-size: clamp(1.625rem, 1.15rem + 2vw, 2.625rem) !important;   /* 26px@390 → 42px */
  line-height: 1.4 !important; font-weight: 800; letter-spacing: 0;
  color: #fff; text-align: start !important; text-align-last: start !important;
  text-wrap: balance;
}
body.ap-v8.single-post .ap-meta {
  display: flex; flex-wrap: wrap; gap: .2rem .5rem;
  margin: .75rem 0 0; padding: 0; list-style: none;
  font-size: .8125rem; line-height: 1.7; color: #fff;   /* 5.74:1 أسوأ حالة (‎.82 كانت 4.49) */
}
@media (min-width: 1024px) { body.ap-v8.single-post .ap-meta { font-size: .9375rem; margin-top: 1rem; } }
body.ap-v8.single-post .ap-meta li { margin: 0; padding: 0; }
body.ap-v8.single-post .ap-meta li + li::before { content: "·"; content: "·" / ""; margin-inline-end: .5rem; opacity: .7; }
body.ap-v8.single-post .blog-hero :focus-visible { outline: 2px solid #fff; outline-offset: 3px; border-radius: 2px; }

/* ── 2. أعمدة القراءة: نصّي 700 داخل عريض ≤900 ───────────────────────────── */
body.ap-v8.single-post .blog-content-wrapper {
  display: block !important; max-width: none !important; width: auto !important;
  margin: 0 !important; padding: 0 var(--ap-gutter) !important;
}
body.ap-v8.single-post .blog-content {
  max-width: none !important; width: auto !important; margin: 0 !important;
  padding: 1.5rem 0 3rem !important;
  background: none !important; border-radius: 0 !important; box-shadow: none !important;
}
@media (min-width: 1024px) { body.ap-v8.single-post .blog-content { padding: 3rem 0 4rem !important; } }
body.ap-v8.single-post .post-content-wrapper {
  max-width: var(--ap-wide) !important; width: auto !important;
  margin: 0 auto !important; padding: 0 !important;
}
body.ap-v8.single-post .post-content-wrapper > * {
  max-width: var(--ap-measure) !important;
  margin-inline: auto !important;
}
body.ap-v8.single-post .post-content-wrapper > .ap-tbl,
body.ap-v8.single-post .post-content-wrapper > :is(p, figure, div):has(> img.ap-wide),
body.ap-v8.single-post .post-content-wrapper > img.ap-wide { max-width: 100% !important; }

/* ── 3. النص: بلا بطاقات وهمية ─────────────────────────────────────────── */
body.ap-v8.single-post .post-content-wrapper :is(p, li) {
  font-size: var(--ap-body) !important; line-height: var(--ap-lh) !important;
  color: var(--ap-text) !important; font-weight: 400 !important;
  text-align: start !important; text-align-last: start !important;
}
body.ap-v8.single-post .post-content-wrapper p {
  margin-block: 0 1.15em !important; padding: 0 !important;
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
}
body.ap-v8.single-post .post-content-wrapper :is(strong, b) { color: var(--ap-ink) !important; font-weight: 700 !important; }

body.ap-v8.single-post .post-content-wrapper :is(h2, h3, h4) {
  text-align: start !important; text-align-last: start !important;   /* يغلب h2,h3{center!important} بالخاصيتين */
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  padding: 0 !important; color: var(--ap-ink) !important; letter-spacing: 0 !important;
  text-wrap: balance; scroll-margin-top: calc(var(--ap-hdr) + 16px); position: static !important;
}
body.ap-v8.single-post .post-content-wrapper :is(h2, h3, h4)::before,
body.ap-v8.single-post .post-content-wrapper :is(h2, h3, h4)::after { content: none !important; display: none !important; }
body.ap-v8.single-post .post-content-wrapper h2 {
  font-size: clamp(1.4375rem, 1.15rem + 1.1vw, 1.75rem) !important;   /* 22.7@390 · 28@≥1180 */
  line-height: 1.45 !important; font-weight: 800 !important;
  margin-block: 2.1em .55em !important;
}
body.ap-v8.single-post .post-content-wrapper h3 {
  font-size: clamp(1.1875rem, 1.05rem + .55vw, 1.375rem) !important;  /* 19@390 · 22@≥1000 → H2/H3 ≥1.2 */
  line-height: 1.5 !important; font-weight: 700 !important;
  margin-block: 1.7em .45em !important;
}
body.ap-v8.single-post .post-content-wrapper h4 {
  font-size: var(--ap-body) !important; line-height: 1.6 !important; font-weight: 700 !important;
  margin-block: 1.4em .35em !important;
}
body.ap-v8.single-post .post-content-wrapper > :is(h2, h3):first-child { margin-top: 0 !important; }

/* القوائم: علامة أصلية في بداية السطر (منطقيّة تلقائيًا في RTL) بدل ✓ مطلقة عند left */
body.ap-v8.single-post .post-content-wrapper :is(ul, ol) {
  display: block !important; grid-template-columns: none !important;
  margin-block: 0 1.25em !important; padding: 0 !important; padding-inline-start: 1.35em !important;
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  list-style-position: outside !important;
}
body.ap-v8.single-post .post-content-wrapper ul { list-style-type: disc !important; }
body.ap-v8.single-post .post-content-wrapper ol { list-style-type: decimal !important; counter-reset: none !important; }
body.ap-v8.single-post .post-content-wrapper li {
  display: list-item !important; position: static !important;
  margin: 0 0 .45em !important; padding: 0 !important; padding-inline-start: .2em !important;
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
}
body.ap-v8.single-post .post-content-wrapper li::before,
body.ap-v8.single-post .post-content-wrapper li::after { content: none !important; display: none !important; }
body.ap-v8.single-post .post-content-wrapper li::marker { color: var(--ap-navy); }
body.ap-v8.single-post .post-content-wrapper li > :is(ul, ol) { margin-block: .45em 0 !important; }
body.ap-v8.single-post .post-content-wrapper li > strong:first-child { display: inline !important; margin: 0 !important; }

/* الروابط: مسطّرة وبأحمر داكن ≥4.5:1 على الأبيض والرمادي الفاتح */
body.ap-v8.single-post .post-content-wrapper a:not(.ap-btn) {
  color: var(--ap-link) !important; font-weight: inherit !important;
  text-decoration: underline !important; text-decoration-thickness: 1px !important;
  text-underline-offset: .32em; text-decoration-skip-ink: auto;
  border-bottom: 0 !important; overflow-wrap: anywhere;
}
body.ap-v8.single-post .post-content-wrapper a:not(.ap-btn):hover {
  color: var(--ap-link-hover) !important; text-decoration-thickness: 2px !important;
}
body.ap-v8.single-post :is(.post-content-wrapper, .post-faq-section, .author-box, .related-posts-section, .post-navigation) :focus-visible {
  outline: 2px solid var(--ap-navy); outline-offset: 3px; border-radius: 2px;
}

/* «الإجابة المختصرة»: لوح هادئ بلا حدّ أحمر جانبي سميك */
body.ap-v8.single-post .post-content-wrapper .aeo-answer {
  margin-block: 0 1.5em !important; padding: 1rem 1.15rem !important;
  background: var(--ap-surface) !important; border: 1px solid var(--ap-line) !important;
  border-radius: 12px !important; box-shadow: none !important; color: var(--ap-text) !important; font-size: 1em !important;
}
body.ap-v8.single-post .post-content-wrapper .aeo-answer p { margin: 0 !important; }
body.ap-v8.single-post .post-content-wrapper .aeo-answer strong:first-child { color: var(--ap-navy) !important; }

/* الصور */
body.ap-v8.single-post .post-content-wrapper img {
  display: block; max-width: 100% !important; height: auto !important;
  margin: 1.75em auto !important; border-radius: 8px !important; box-shadow: none !important;
}
body.ap-v8.single-post .post-content-wrapper > p:has(> img:only-child) { margin-block: 0 !important; }

/* الجداول: غلاف يتمرّر، الجدول يبقى table */
body.ap-v8.single-post .post-content-wrapper > .ap-tbl {
  overflow-x: auto; margin-block: 1.75em !important;
  border: 1px solid var(--ap-line); border-radius: 10px; background: #fff;
}
body.ap-v8.single-post .ap-tbl table {
  display: table !important; width: 100% !important; max-width: none !important;
  margin: 0 !important; border: 0 !important; border-collapse: collapse !important;
  box-shadow: none !important; overflow: visible !important; font-size: .9375em !important;
}
body.ap-v8.single-post .ap-tbl--mid table  { min-width: 30rem; }
body.ap-v8.single-post .ap-tbl--wide table { min-width: 40rem; }
body.ap-v8.single-post .ap-tbl :is(th, td) {
  padding: .7em .9em !important; vertical-align: top;
  text-align: start !important; text-align-last: start !important; white-space: normal !important;
  line-height: 1.7 !important; border: 0 !important; border-bottom: 1px solid var(--ap-line) !important;
  font-size: inherit !important; color: var(--ap-text) !important; background: #fff !important;
  font-variant-numeric: tabular-nums;
}
body.ap-v8.single-post .ap-tbl th { background: var(--ap-navy) !important; color: #fff !important; font-weight: 700 !important; }
body.ap-v8.single-post .ap-tbl tr:nth-child(even) td { background: var(--ap-surface) !important; }
body.ap-v8.single-post .ap-tbl tr:last-child td { border-bottom: 0 !important; }
body.ap-v8.single-post .ap-tbl[tabindex]:focus-visible { outline: 2px solid var(--ap-navy); outline-offset: 2px; }

/* ── 4. الدعوات داخل المقال ────────────────────────────────────────────── */
body.ap-v8.single-post .post-content-wrapper > .ap-cta--intro {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem;
  margin-block: 1.5em 0 !important;
}
body.ap-v8.single-post .ap-cta-note { font-size: .875rem; line-height: 1.6; color: var(--ap-muted); }

body.ap-v8.single-post .post-content-wrapper > .ap-cta--mid {
  display: grid; gap: .9rem; margin-block: 2em !important;
  padding: 1.25rem 1.25rem 1.35rem;
  background: var(--ap-surface); border: 1px solid var(--ap-line); border-radius: 14px;
}
@media (min-width: 768px) {
  body.ap-v8.single-post .post-content-wrapper > .ap-cta--mid {
    grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 1.5rem;
    padding: 1.5rem 1.75rem;
  }
}
body.ap-v8.single-post .ap-cta-title {
  display: block; font-size: 1.125rem; font-weight: 800; line-height: 1.55; color: var(--ap-ink); text-wrap: balance;
}
body.ap-v8.single-post .ap-cta-text { display: block; margin-top: .3rem; font-size: .9375rem; line-height: 1.8; color: var(--ap-muted); }

body.ap-v8.single-post .ap-cta--end {
  display: grid; gap: .6rem; max-width: var(--ap-measure); margin: 2.5rem auto !important;
  padding: 1.75rem 1.5rem; background: var(--ap-navy); border-radius: 16px; color: #fff;
}
body.ap-v8.single-post .ap-cta--end .ap-cta-title { color: #fff; font-size: clamp(1.25rem, 1.1rem + .6vw, 1.5rem); }
body.ap-v8.single-post .ap-cta--end .ap-cta-text { color: rgba(255,255,255,.82); margin: 0; }
body.ap-v8.single-post .ap-cta-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin-top: .5rem; }
body.ap-v8.single-post .ap-cta-wa {
  display: inline-flex; align-items: center; min-height: 44px;
  color: #fff !important; text-decoration: underline; text-underline-offset: .32em; font-weight: 700;
}
body.ap-v8.single-post .ap-cta--end :focus-visible { outline-color: #fff; }
body.ap-v8.single-post .ap-cta--end .ap-btn--primary { box-shadow: none !important; }   /* على الكحلي لا ظل */

/* ── 5. الأسئلة الشائعة (details/summary — مكوّن صفحات الخدمات نفسه) ─────── */
body.ap-v8.single-post .post-faq-section,
body.ap-v8.single-post .author-box,
body.ap-v8.single-post .post-navigation { max-width: var(--ap-measure) !important; margin-inline: auto !important; }
body.ap-v8.single-post .post-faq-section { margin-block: 3rem 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; }
body.ap-v8.single-post :is(.faq-section-title, .ap-rel-title) {
  display: block !important; margin: 0 0 1rem !important; padding: 0 !important;
  background: none !important; border: 0 !important; box-shadow: none !important;
  color: var(--ap-ink) !important; font-weight: 800 !important; line-height: 1.45 !important;
  text-align: start !important; text-align-last: start !important;
}
body.ap-v8.single-post .faq-section-title { font-size: clamp(1.4375rem, 1.15rem + 1.1vw, 1.75rem) !important; }
body.ap-v8.single-post :is(.faq-section-title, .ap-rel-title)::before,
body.ap-v8.single-post :is(.faq-section-title, .ap-rel-title)::after { content: none !important; display: none !important; }
/* يعيد استخدام مكوّن الأسئلة الموجود في صفحات الخدمات (.ap-faq-item — details/summary)
   بقواعد منسوخة هنا لأن used-CSS الخاص بكل مقال وُلِّد من HTML لم يكن فيه هذا المكوّن. */
body.ap-v8.single-post .post-faq-section .ap-faq-item {
  margin: 0 0 .7rem !important; padding: 0 !important; overflow: hidden;
  background: var(--ap-surface) !important; border: 1px solid var(--ap-line) !important; border-radius: 10px !important; box-shadow: none !important;
}
body.ap-v8.single-post .post-faq-section .ap-faq-item > summary {
  display: flex; align-items: center; gap: .7rem; min-height: 48px; padding: .85rem 1.15rem;
  cursor: pointer; list-style: none; transition: background-color .2s ease;
}
body.ap-v8.single-post .post-faq-section .ap-faq-item > summary::-webkit-details-marker { display: none; }
body.ap-v8.single-post .post-faq-section .ap-faq-item > summary::after {
  content: "+"; content: "+" / ""; margin-inline-start: auto; flex: 0 0 auto;
  font-size: 1.3rem; font-weight: 700; line-height: 1; color: var(--ap-red);
}
body.ap-v8.single-post .post-faq-section .ap-faq-item[open] > summary::after { content: "−"; content: "−" / ""; }
body.ap-v8.single-post .post-faq-section .ap-faq-item > summary:hover { background: #f5f3ee; }
body.ap-v8.single-post .post-faq-section .ap-faq-item > summary:focus-visible { outline: 2px solid var(--ap-navy); outline-offset: -2px; border-radius: 10px; }
body.ap-v8.single-post .post-faq-section .ap-faq-item h3 {
  margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important;
  font-size: clamp(1rem, .96rem + .3vw, 1.14rem) !important; font-weight: 700 !important; line-height: 1.6 !important;
  color: var(--ap-ink) !important; text-align: start !important; text-align-last: start !important;
}
body.ap-v8.single-post .post-faq-section .ap-faq-item h3::before,
body.ap-v8.single-post .post-faq-section .ap-faq-item h3::after { content: none !important; display: none !important; }
body.ap-v8.single-post .post-faq-section .ap-faq-a { padding: 0 1.15rem 1.15rem !important; max-height: none !important; overflow: visible !important; }
body.ap-v8.single-post .post-faq-section .ap-faq-a p {
  margin: 0 0 .8em !important; padding: 0 !important; background: none !important; border: 0 !important;
  font-size: 1rem !important; line-height: 1.95 !important; color: #3d4256 !important;
  text-align: start !important; text-align-last: start !important;
}
body.ap-v8.single-post .post-faq-section .ap-faq-a p:last-child { margin-bottom: 0 !important; }

/* ── 6. صندوق الكاتب: الحاوية تُصلَح (الـ.author-avatar مشترك مع مكوّن آخر) ─── */
body.ap-v8.single-post .author-box {
  display: grid !important; grid-template-columns: 64px minmax(0, 1fr) !important;
  column-gap: 1rem !important; row-gap: 0 !important; align-items: center;
  margin-block: 2.5rem !important; padding: 1.25rem !important;
  background: #fff !important; border: 1px solid var(--ap-line) !important;
  border-radius: 14px !important; box-shadow: none !important;
}
/* الصورة تحتل صفَّي الاسم والدور، والنبذة بعرض الصندوق كاملًا (الإرث يضع .author-info
   في العمود 1 تحت 480px و2 فوقه بـ!important — display:contents يلغي الصندوق نفسه). */
body.ap-v8.single-post .author-box .author-avatar {
  grid-column: 1 !important; grid-row: 1 / span 2 !important;
  width: 64px !important; height: 64px !important; border-radius: 50% !important; overflow: hidden !important;
  background: var(--ap-surface) !important; border: 0 !important; display: block !important;
}
body.ap-v8.single-post .author-box .author-info { display: contents !important; }
body.ap-v8.single-post .author-box .author-name { grid-column: 2 !important; align-self: end; }
body.ap-v8.single-post .author-box .author-info p.author-role { grid-column: 2 !important; align-self: start; }
body.ap-v8.single-post .author-box :is(.author-bio, .author-social) { grid-column: 1 / -1 !important; }
body.ap-v8.single-post .author-box .author-bio { margin-top: .85rem !important; }
body.ap-v8.single-post .author-box .author-avatar img {
  width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 50% !important; display: block; margin: 0 !important;
}
body.ap-v8.single-post .author-box .author-name {
  margin: 0 !important; padding: 0 !important; font-size: 1.125rem !important; font-weight: 800 !important;
  color: var(--ap-ink) !important; text-align: start !important; text-align-last: start !important;
  background: none !important; border: 0 !important;
}
body.ap-v8.single-post .author-box .author-info p.author-role {
  margin: .1rem 0 0 !important; font-size: .875rem !important; font-weight: 500 !important;
  color: var(--ap-muted) !important; text-transform: none !important; letter-spacing: 0 !important;
}
body.ap-v8.single-post .author-box .author-info p.author-role[dir="ltr"] { text-align: right !important; text-align-last: right !important; }
body.ap-v8.single-post .author-box .author-bio p {
  margin: 0 !important; padding: 0 !important; font-size: .9375rem !important; line-height: 1.85 !important;
  color: var(--ap-text) !important; background: none !important; border: 0 !important;
}
body.ap-v8.single-post .author-box .author-social { margin-top: .75rem !important; }

/* ── 7. مقالات ذات صلة: h2 أصغر من عناوين المتن، بطاقات بلا ضجيج ───────── */
body.ap-v8.single-post .related-posts-section {
  max-width: var(--ap-wide) !important; margin: 3rem auto 0 !important; padding: 0 !important;
  background: none !important; border: 0 !important; box-shadow: none !important;
}
body.ap-v8.single-post .ap-rel-title { font-size: clamp(1.1875rem, 1.05rem + .5vw, 1.375rem) !important; }
body.ap-v8.single-post .related-posts-grid { display: grid !important; grid-template-columns: 1fr !important; gap: .75rem !important; }
body.ap-v8.single-post .related-post-card {
  display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: .9rem; align-items: start;
  margin: 0 !important; padding: .75rem !important; background: #fff !important;
  border: 1px solid var(--ap-line) !important; border-radius: 12px !important; box-shadow: none !important;
  transform: none !important;
}
body.ap-v8.single-post .related-post-card:hover { border-color: #c9cfdb !important; }
body.ap-v8.single-post .related-post-image {
  display: block; position: static !important; height: auto !important; margin: 0 !important;
  overflow: hidden; border-radius: 8px;
}
body.ap-v8.single-post .related-post-image img {
  display: block; width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: cover;
  border-radius: 0 !important; margin: 0 !important; transform: none !important; transition: none !important;
}
body.ap-v8.single-post .related-post-content { padding: 0 !important; }
body.ap-v8.single-post .related-post-title {
  margin: 0 !important; font-size: 1.0625rem !important; line-height: 1.6 !important; font-weight: 700 !important;
  text-align: start !important; text-align-last: start !important;
}
body.ap-v8.single-post .related-post-title a { color: var(--ap-ink) !important; text-decoration: none !important; }
body.ap-v8.single-post .related-post-title a:hover { text-decoration: underline !important; text-underline-offset: .32em; }
body.ap-v8.single-post .related-post-excerpt { display: none; }
body.ap-v8.single-post .related-post-meta { margin: .3rem 0 0 !important; font-size: .8125rem !important; color: var(--ap-muted) !important; }
@media (min-width: 768px) {
  body.ap-v8.single-post .related-posts-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1rem !important; }
  body.ap-v8.single-post .related-post-card { grid-template-columns: 1fr; padding: 0 !important; overflow: hidden; }
  body.ap-v8.single-post .related-post-image { border-radius: 0; }
  body.ap-v8.single-post .related-post-image img { aspect-ratio: 3 / 2; }
  body.ap-v8.single-post .related-post-content { padding: .9rem 1rem 1.1rem !important; }
  body.ap-v8.single-post .related-post-excerpt {
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    margin: .4rem 0 0 !important; font-size: .9375rem !important; line-height: 1.8 !important; color: var(--ap-muted) !important;
  }
}
body.ap-v8.single-post .ap-rel-more { margin: 1.25rem 0 0 !important; text-align: center !important; text-align-last: center !important; }

/* ── 8. التنقّل بين المقالات ───────────────────────────────────────────── */
body.ap-v8.single-post .post-navigation {
  display: grid; gap: .75rem; margin-block: 2.5rem 0 !important; padding: 1.25rem 0 0 !important;
  border: 0 !important; border-top: 1px solid var(--ap-line) !important; background: none !important; box-shadow: none !important;
}
@media (min-width: 768px) { body.ap-v8.single-post .post-navigation { grid-template-columns: 1fr 1fr; } }
body.ap-v8.single-post .ap-pn { display: block; padding: .5rem 0; text-decoration: none !important; }
body.ap-v8.single-post .ap-pn--next { text-align: end; }
body.ap-v8.single-post .ap-pn-label { display: block; font-size: .8125rem; color: var(--ap-muted); }
body.ap-v8.single-post .ap-pn-title { display: block; font-size: 1rem; font-weight: 700; line-height: 1.6; color: var(--ap-ink); }
body.ap-v8.single-post .ap-pn:hover .ap-pn-title { text-decoration: underline; text-underline-offset: .32em; }

/* ── 9. الهيدر يختفي عند النزول (تحت 1024، مقالات فقط) ────────────────── */
@media (max-width: 1023.98px) {
  body.ap-v8.single-post #main-header { transition: transform .22s cubic-bezier(.2,.7,.2,1) !important; }
  body.ap-v8.single-post #main-header.ap-hdr-off { transform: translateY(-100%) !important; }
  body.ap-v8.single-post #main-header.ap-hdr-off:focus-within { transform: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.ap-v8.single-post #main-header { transition: none !important; }
  body.ap-v8.single-post .post-faq-section .ap-faq-item > summary { transition: none; }
}

/* ── 10. الشريط على الويب (≥900): عمود عند نهاية السطر (يسار) لا يلمس عمود المقال ─ */
@media (min-width: 900px) {
  body.ap-v8.single-post .ap-dock {
    inset-inline-start: auto !important; inset-inline-end: 20px !important; inset-block-end: 24px !important;
    flex-direction: column; align-items: stretch;
    width: calc(var(--ap-dock-w) + 12px); padding: 6px !important; gap: 6px !important; border-radius: 28px !important;
  }
  body.ap-v8.single-post .ap-dock .ap-dock-item {
    position: relative !important; justify-content: flex-start !important;
    min-height: 44px; padding-inline: .9rem !important; border-radius: 22px !important;
  }
}
@media (min-width: 900px) and (max-width: 1279.98px) {
  body.ap-v8.single-post .ap-dock .ap-dock-item { width: 44px !important; height: 44px !important; padding: 0 !important; justify-content: center !important; }
  body.ap-v8.single-post .ap-dock .ap-dock-label {
    position: absolute; inset-inline-end: calc(100% + 10px); top: 50%; translate: 0 -50%;   /* RTL: نهاية السطر = يسار ⇒ التلميح يظهر يمين الأيقونة نحو المحتوى */
    width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  }
  body.ap-v8.single-post .ap-dock .ap-dock-item:is(:hover, :focus-visible) .ap-dock-label {
    width: auto; height: auto; clip-path: none; overflow: visible;
    padding: .35rem .6rem; border-radius: 6px; background: var(--ap-ink); color: #fff; font-size: .8125rem;
  }
}