/* المقالات — تُكمل styles.css ولا تكرّره. القسم في الرئيسية يستعمل الأصناف نفسها. */

/* ——— بطاقة المقال (الرئيسية والأرشيف) ——— */
.art-thumb{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--night)}
.art-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.art-new{position:absolute;z-index:1;inset-block-start:12px;inset-inline-end:12px;background:var(--brass);color:var(--night);
  font-size:12.5px;font-weight:600;padding:3px 12px;border-radius:999px}
.art-cat{display:inline-block;align-self:flex-start;font-size:12.5px;font-weight:600;color:var(--brass-text);
  background:#F6EFE2;border-radius:999px;padding:2px 12px;text-decoration:none}
.art-min{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.art-min svg,.art-facts svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}

/* الغلاف المرسوم حين لا صورة: التصنيف وحده، فالعنوان مكتوب تحته */
.art-gen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  background:radial-gradient(120% 90% at 100% 0%,#33473F 0%,var(--night) 60%);color:var(--cream);text-align:center}
.art-gen::after{content:"";position:absolute;inset:12px;border:1px solid rgba(196,162,106,.35);border-radius:10px;pointer-events:none}
.art-gen-ic svg{width:30px;height:30px;stroke:var(--brass);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.art-gen-k{font-family:var(--f-head);font-weight:700;font-size:clamp(22px,6vw,30px);line-height:1.4}
.art-gen-b{font-size:12px;color:var(--mist)}

/* القسم في الرئيسية */
.art-feat{display:grid;gap:14px;text-decoration:none;color:inherit}
.art-feat-b{display:flex;flex-direction:column;gap:8px}
.art-feat h3,.art-card h3{font-size:20px;line-height:1.6;font-weight:700}
.art-feat p,.art-card p{color:var(--muted);font-size:15px;line-height:1.85;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art-feat:hover img,.art-card-a:hover img{transform:scale(1.04)}
.art-feat:hover h3,.art-card-a:hover h3{color:var(--brass-text)}
.art-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block-start:18px}
.art-btns .btn{min-height:50px;font-size:15.5px}
@media (min-width:900px){
  .art-feat{grid-template-columns:1.1fr 1fr;align-items:center;gap:28px}
  .art-feat h3{font-size:24px}
  .art-btns{display:flex;justify-content:flex-start}
  .art-btns .btn{min-width:200px}
}

/* مربّعات الأقسام: سبعة مربّعات — السابع يمتدّ صفًّا كاملًا على الجوال */
.tiles > .tile:last-child:nth-child(3n+1){grid-column:1/-1;aspect-ratio:auto;flex-direction:row;padding-block:14px}
@media (min-width:900px){
  .tiles:has(> .tile:nth-child(7)){grid-template-columns:repeat(7,1fr)}
  .tiles > .tile:last-child:nth-child(3n+1){grid-column:auto;aspect-ratio:1;flex-direction:column}
}

/* ——— الأرشيف ——— */
.art-arch-h{background:var(--night);color:var(--cream);padding-block:26px 30px}
.art-arch-h h1{font-size:clamp(30px,7vw,42px);margin-block:6px 4px}
.art-arch-h p{color:var(--mist);font-size:15.5px;max-width:560px}
.art-arch-h .art-crumbs a,.art-arch-h .art-crumbs{color:var(--mist)}
.art-search{position:relative;display:block;max-width:520px;margin-block-start:18px}
.art-search svg{position:absolute;inset-inline-start:16px;top:50%;translate:0 -50%;width:20px;height:20px;stroke:var(--muted);fill:none;stroke-width:1.8;stroke-linecap:round}
.art-search input{width:100%;height:52px;border-radius:14px;border:0;background:var(--white);color:var(--ink);
  font:inherit;font-size:16px;padding-inline:48px 16px}
.art-search input:focus{outline:2px solid var(--brass);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.art-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-block-start:14px;padding-block-end:2px}
.art-chips button{flex:0 0 auto;font:inherit;font-size:14px;font-weight:600;border:1px solid rgba(242,240,234,.25);
  background:transparent;color:var(--cream);border-radius:999px;padding:6px 16px;cursor:pointer}
.art-chips button.on{background:var(--brass);border-color:var(--brass);color:var(--night)}
.art-arch{padding-block:22px 10px}
.art-grid{display:grid;gap:16px}
@media (min-width:640px){.art-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.art-grid{grid-template-columns:repeat(3,1fr);gap:22px}}
.art-card{background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden;
  transition:box-shadow .25s ease,transform .25s ease}
.art-card:hover{box-shadow:0 14px 30px rgba(28,38,39,.08);transform:translateY(-3px)}
.art-card-a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.art-card .art-thumb{border-radius:0}
.art-card-b{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.art-card-b .art-min{margin-block-start:auto}
.art-card h3{font-size:19px}
.art-none,.art-empty-all{text-align:center;color:var(--muted);padding-block:30px}

/* ——— صفحة المقال ——— */
.art-progress{position:fixed;inset-block-start:0;inset-inline:0;height:3px;z-index:60;pointer-events:none}
.art-progress span{display:block;height:100%;width:100%;background:var(--brass);transform-origin:right;transform:scaleX(0)}
.art-crumbs{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--muted)}
.art-crumbs a{color:inherit;text-decoration:none}
.art-crumbs a:hover{color:var(--brass-text);text-decoration:underline}
.art-head{max-width:780px;padding-block:22px 6px;display:flex;flex-direction:column;gap:12px}
.art-head h1{font-size:clamp(27px,6.4vw,40px);line-height:1.55}
.art-lede{font-size:17.5px;color:var(--ink-2);line-height:1.95}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  padding-block:14px 4px;border-block-start:1px solid var(--line);margin-block-start:4px}
.art-by{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.art-by img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.art-by b{display:block;font-size:14.5px;line-height:1.5}
.art-by small{display:block;font-size:12.5px;color:var(--muted);line-height:1.5}
.art-facts{display:flex;gap:14px;font-size:13px;color:var(--muted)}
.art-facts > span{display:inline-flex;align-items:center;gap:5px}
.art-hero{max-width:820px;margin-block:14px 6px}
.art-hero > img{border-radius:20px}
.art-hero > img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}

.art-wrap{max-width:780px;padding-block:18px 10px}
.art-toc{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin-block-end:22px}
.art-toc summary{cursor:pointer;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between}
.art-toc summary::after{content:"＋";color:var(--brass-text)}
.art-toc[open] summary::after{content:"－"}
.art-toc ol{margin-block-start:10px;padding-inline-start:20px;font-size:15px;line-height:2}
.art-toc a{color:var(--ink-2);text-decoration:none}
.art-toc a:hover{color:var(--brass-text);text-decoration:underline}

.art-body{font-size:18px;line-height:2.05;color:var(--ink)}
.art-body > * + *{margin-block-start:1.1em}
.art-body h2{font-size:clamp(22px,5vw,27px);line-height:1.6;margin-block-start:1.8em;scroll-margin-top:90px;
  padding-inline-start:14px;border-inline-start:4px solid var(--brass)}
.art-body h3{font-size:20px;margin-block-start:1.5em}
.art-body ul,.art-body ol{padding-inline-start:1.4em}
.art-body li + li{margin-block-start:.45em}
.art-body li::marker{color:var(--brass-text)}
.art-body a{color:var(--brass-text);text-underline-offset:4px}
.art-body strong{color:var(--night);font-weight:700;background:linear-gradient(transparent 62%,#F1E5CC 62%)}
.art-body blockquote{background:var(--white);border:1px solid var(--line);border-inline-start:4px solid var(--brass);
  border-radius:14px;padding:16px 20px;font-family:var(--f-head);font-size:19px;line-height:1.95;color:var(--night-2)}
.art-body blockquote p + p{margin-block-start:.6em}
.art-body img{border-radius:14px;margin-inline:auto}
.art-body hr{border:0;height:1px;background:var(--line);margin-block:2em}
.art-body table{width:100%;border-collapse:collapse;font-size:15.5px;background:var(--white);border-radius:12px;overflow:hidden}
.art-body th,.art-body td{border:1px solid var(--line);padding:10px 12px;text-align:start}
.art-body th{background:#F6EFE2}

.art-share{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-block:30px 6px;padding-block:16px;
  border-block:1px solid var(--line)}
.art-share > span{font-weight:600;font-size:15px;margin-inline-end:auto}
.art-share a,.art-share button{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:var(--white);border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:background .2s,color .2s}
.art-share a:hover,.art-share button:hover{background:var(--night);color:var(--cream)}
.art-share svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.art-share em{position:absolute;bottom:calc(100% + 8px);white-space:nowrap;font-style:normal;font-size:12.5px;
  background:var(--night);color:var(--cream);padding:3px 10px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s}
.art-share .done em{opacity:1}

.art-cta{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:start;margin-block:24px 8px;
  background:var(--night);color:var(--cream);border-radius:20px;padding:20px}
.art-cta-ic{width:46px;height:46px;border-radius:14px;background:rgba(196,162,106,.16);display:grid;place-items:center}
.art-cta-ic svg{width:22px;height:22px;stroke:var(--brass);fill:none;stroke-width:1.7;stroke-linejoin:round}
.art-cta b{font-family:var(--f-head);font-size:19px;display:block;line-height:1.6}
.art-cta p{color:var(--mist);font-size:15px;line-height:1.85}
.art-cta .btn{grid-column:1/-1}
@media (min-width:700px){.art-cta{grid-template-columns:auto 1fr auto;align-items:center;padding:22px 24px}.art-cta .btn{grid-column:auto;min-width:170px}}
/* بطاقة المساعدة: فيديو الدكتور (إن وُجد) ثم زر واتساب */
.art-help .art-vid{grid-column:1/-1;width:100%;max-width:260px;margin-inline:auto;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#000}
.art-help .art-vid.wide{max-width:520px;aspect-ratio:16/9}
.art-help .art-vid iframe,.art-help .art-vid video{width:100%;height:100%;border:0;display:block}
.vid-cover{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#000;cursor:pointer}
.vid-cover img{width:100%;height:100%;object-fit:cover;display:block}
.vid-play{position:absolute;inset-inline:0;bottom:16px;margin-inline:auto;width:max-content;display:flex;align-items:center;gap:9px;
  padding:7px 16px 7px 8px;border-radius:999px;background:rgba(28,38,39,.82);color:#fff;font:700 14.5px/1 var(--f-body,inherit);
  box-shadow:0 6px 18px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s}
.vid-play small{font-weight:500;font-size:12.5px;color:var(--mist);padding-inline-start:9px;border-inline-start:1px solid rgba(255,255,255,.25)}
.vid-play-ic{width:30px;height:30px;border-radius:50%;background:var(--brass);display:grid;place-items:center}
.vid-play-ic svg{width:14px;height:14px;fill:var(--night);translate:1px 0}
.vid-cover:hover .vid-play,.vid-cover:focus-visible .vid-play{transform:scale(1.05)}
.vid-cover:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}
.art-help .art-cta-ic svg{stroke:none;fill:var(--brass)}
.art-help .art-cta-ic svg path+path{fill:var(--night)}
.btn.wa{background:#25D366;color:#0B2A17;font-weight:700;gap:10px;font-size:16.5px;min-height:56px}
.btn.wa:hover{background:#3BE07A;transform:translateY(-2px)}
.btn.wa svg{width:22px;height:22px;fill:#0B2A17;flex:none}
.btn.wa svg path+path{fill:#25D366}
@media (min-width:700px){.art-help{grid-template-columns:auto 1fr}.art-help .btn{grid-column:1/-1}}
/* مع الفيديو: عمود واحد في الوسط — الفيديو، ثم العنوان، ثم الزر مباشرة، ثم سطر صغير يطمّن */
.art-help.has-vid{grid-template-columns:1fr;gap:0;text-align:center;padding:22px 20px 20px}
.art-help.has-vid .art-cta-ic{display:none}
.art-help.has-vid>div:not(.art-vid){display:contents}
.art-help.has-vid .art-vid{order:1;max-width:240px;margin-bottom:18px;box-shadow:0 0 0 1px rgba(196,162,106,.28),0 10px 28px rgba(0,0,0,.35)}
.art-help.has-vid .art-vid.wide{max-width:560px}
.art-help.has-vid b{order:2;font-size:18.5px;line-height:1.55;margin-bottom:14px;text-wrap:balance}
.art-help.has-vid .btn{order:3;grid-column:auto;width:100%;max-width:400px;margin-inline:auto}
.art-help.has-vid p{order:4;font-size:13.5px;line-height:1.8;margin-top:10px;max-width:400px;margin-inline:auto;text-wrap:balance}
@media (min-width:700px){.art-help.has-vid{grid-template-columns:1fr;padding:28px 32px 24px}}

.art-more{padding-block:26px 6px}
.art-more h2{font-size:24px;margin-block-end:14px}
/* «اقرأ أيضًا» على الجوال: بطاقات أفقية مختصرة */
@media (max-width:639px){
  .art-more .art-card-a{display:grid;grid-template-columns:118px 1fr}
  .art-more .art-thumb{aspect-ratio:auto;height:100%;min-height:104px}
  .art-more .art-card-b{padding:12px 14px;gap:4px}
  .art-more .art-card h3{font-size:16.5px;line-height:1.6}
  .art-more .art-card p,.art-more .art-card .art-cat,.art-more .art-gen-b,.art-more .art-gen-ic{display:none}
  .art-more .art-gen-k{font-size:17px}
  .art-more .art-gen::after{inset:7px}
}
.art-back-wrap{padding-block:10px 4px;text-align:center}
.art-all{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:600;text-decoration:none;
  border:1px solid var(--ink);border-radius:999px;padding:10px 22px}
.art-all svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;rotate:180deg}
.art-all:hover{background:var(--ink);color:var(--cream)}

@media (prefers-reduced-motion:reduce){
  .art-thumb img,.art-card{transition:none}
}
@media print{
  .topbar,.art-progress,.art-share,.art-cta,.art-more,.art-back-wrap,.foot,.art-toc{display:none!important}
  .art-body{font-size:13pt}
}
.art-toc ol,.art-body ol{list-style-type:arabic-indic}

/* ═══════════ مكوّنات داخل المقال ═══════════ */
.art-body mark{background:linear-gradient(transparent 55%,#EED9AF 55%);color:inherit;padding-inline:2px;border-radius:2px}
.art-body .iv-facts,.art-body .qa,.art-body .ctl,.art-body .hst,.art-body .tl,.art-body .verdict,.art-body .chk,.art-body .caution,.art-body .pq{margin-block:1.4em}
.art-toc summary small{color:var(--muted);font-weight:500}

/* أرقام الحالة */
.iv-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.iv-facts > div{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:12px 8px;text-align:center;line-height:1.5}
.iv-facts b{display:block;font-family:var(--f-head);font-size:24px;color:var(--brass-text)}
.iv-facts > div:last-child b{font-size:19px;padding-block:3px}
.iv-facts span{font-size:13px;color:var(--muted)}
.iv-intro{font-size:18.5px}
.iv-legend{display:flex;gap:16px;font-size:13.5px;color:var(--muted)}
.iv-legend i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-inline-end:6px;vertical-align:-1px}
.lg-dr i{background:var(--night)} .lg-z i{background:#5E8A72}

/* الحوار: سؤال الدكتور سطر مستقل، وجواب زينب فقاعة بلونها */
.qa{display:flex;flex-direction:column;gap:12px}
.q,.a{display:flex;gap:10px;align-items:flex-start}
.q img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 40px;border:2px solid var(--brass)}
.q > div{border-inline-start:3px solid var(--brass);padding-inline-start:12px}
.q p{font-family:var(--f-head);font-weight:700;font-size:18.5px;line-height:1.85;color:var(--night)}
.a{padding-inline-start:26px}
.a .av{flex:0 0 36px;height:36px;border-radius:50%;background:#5E8A72;color:#fff;display:grid;place-items:center;
  font-family:var(--f-head);font-weight:700;font-size:16px;margin-block-start:4px}
.a > div{background:var(--wa-bubble);border-radius:4px 18px 18px 18px;padding:10px 16px 12px;flex:1}
.who{display:block;font-size:12.5px;font-weight:600;line-height:1.6}
.q .who{color:var(--brass-text)} .a .who{color:#3F6B54}
.a p{font-size:17.5px;line-height:1.95}

/* بطاقات التحكم */
.ctl{display:grid;gap:10px;counter-reset:c}
.ctl-i{position:relative;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;background:var(--white);
  border:1px solid var(--line);border-radius:18px;padding:14px 16px;overflow:hidden}
.ctl-ic{width:48px;height:48px;border-radius:14px;background:var(--night);display:grid;place-items:center}
.ctl-ic svg{width:23px;height:23px;stroke:var(--brass);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ctl-i b{display:block;font-size:15px;color:var(--brass-text);line-height:1.6}
.ctl-i p{font-size:16.5px;line-height:1.9;margin:0}
.ctl-n{position:absolute;inset-inline-end:12px;inset-block-start:2px;font-family:var(--f-head);font-weight:700;font-size:44px;
  color:var(--night);opacity:.06;line-height:1.4}
@media (min-width:700px){.ctl{grid-template-columns:1fr 1fr}.ctl-i:last-child{grid-column:1/-1}}

/* صناديق العدائية */
.hst{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hst-i{background:#FBF1EE;border:1px solid #EFD3CA;border-radius:16px;padding:14px 8px;text-align:center;display:flex;
  flex-direction:column;align-items:center;gap:8px}
.hst-i b{font-size:14.5px;line-height:1.6;color:#7A3524}
.hst-ic{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;border:1px solid #EFD3CA}
.hst-ic svg{width:21px;height:21px;stroke:#B5543C;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hst-wide{grid-column:1/-1;flex-direction:row;justify-content:center;text-align:start;padding:14px 16px;background:#F7E4DE}
.hst-wide b{font-size:16px}

/* اقتباس بارز */
.pq{text-align:center;padding:26px 18px;position:relative}
.pq::before,.pq::after{content:"";display:block;width:60px;height:2px;background:var(--brass);margin-inline:auto}
.pq blockquote{border:0;background:none;padding:14px 0 6px;font-family:var(--f-head);font-size:clamp(28px,7.5vw,38px);
  font-weight:700;color:var(--night);line-height:1.6}
.pq figcaption{font-size:14px;color:var(--muted);margin-block-end:14px}

/* تنبيه علمي */
.caution{display:flex;gap:12px;align-items:flex-start;background:#F4F6F2;border:1px dashed #AEB7B2;border-radius:16px;padding:14px 16px}
.caution-ic{flex:0 0 30px;height:30px;border-radius:50%;background:var(--night);color:var(--brass);display:grid;place-items:center;
  font-weight:700;font-family:var(--f-head)}
.caution p{font-size:16.5px;line-height:1.9;margin:0}

/* الخط الزمني */
.tl{list-style:none;padding:0!important;position:relative}
.tl::before{content:"";position:absolute;inset-block:10px;inset-inline-start:15px;width:2px;background:linear-gradient(var(--brass),#5E8A72)}
.tl li{position:relative;padding-inline-start:46px;margin:0 0 14px!important}
.tl li::before{content:"";position:absolute;inset-inline-start:8px;inset-block-start:8px;width:16px;height:16px;border-radius:50%;
  background:var(--paper);border:3px solid var(--brass)}
.tl li::marker{content:none}
.tl-k{display:inline-block;font-size:12.5px;font-weight:600;color:var(--brass-text);background:#F6EFE2;border-radius:999px;padding:1px 12px}
.tl p{font-size:17px;line-height:1.9;margin-block-start:4px}
.tl-bad::before{border-color:#B5543C!important}
.tl-bad .tl-k{color:#7A3524;background:#FBF1EE}
.tl-end::before{background:#5E8A72!important;border-color:#5E8A72!important}
.tl-end .tl-k{color:#fff;background:#5E8A72}
.tl-end p{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-weight:500}

/* رسالة الدكتور */
.verdict{background:var(--night);color:var(--cream);border-radius:22px;padding:22px 20px;position:relative;overflow:hidden}
.verdict::before{content:"،،";position:absolute;inset-inline-start:14px;inset-block-end:-30px;font-family:var(--f-head);
  font-size:110px;color:var(--brass);opacity:.14;line-height:1}
.v-h{display:flex;gap:12px;align-items:center;margin-block-end:14px;padding-block-end:14px;border-block-end:1px solid rgba(242,240,234,.12)}
.v-h img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--brass)}
.v-h span{display:block;font-size:12.5px;color:var(--mist);line-height:1.6}
.v-h b{font-family:var(--f-head);font-size:19px;color:var(--cream);background:none}
.verdict p{font-size:17px;line-height:2;color:#E4E2DA}
.verdict p + p{margin-block-start:.7em}
.verdict b{color:#fff;background:none}
.verdict mark{background:linear-gradient(transparent 58%,rgba(196,162,106,.45) 58%);color:#fff}
.v-rules{margin-block:16px;display:grid;gap:10px}
.v-rules p{margin:0!important;background:rgba(196,162,106,.12);border:1px solid rgba(196,162,106,.35);border-radius:14px;
  padding:12px 16px;font-family:var(--f-head);font-weight:700;font-size:18.5px;line-height:1.8;color:var(--cream)}
.v-rules span{color:var(--brass)}
.v-end{color:var(--brass)!important;font-family:var(--f-head);font-weight:600}

/* قائمة العلامات */
.chk{list-style:none;padding:0!important;display:grid;gap:8px}
.chk li{position:relative;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:11px 50px 11px 14px;
  font-size:16.5px;line-height:1.85;margin:0!important}
.chk li::before{content:"";position:absolute;inset-inline-start:14px;top:13px;width:22px;height:22px;border-radius:7px;
  background:#F6EFE2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A6A36' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.chk li::marker{content:none}

/* الفاصل الزخرفي */
.orn{text-align:center;color:var(--brass);letter-spacing:10px;font-size:14px;margin-block:2em!important}

/* شاهد المقابلة */
.iv-watch{display:flex;align-items:center;gap:14px;margin-block-start:1.6em;text-decoration:none!important;color:var(--ink)!important;
  background:linear-gradient(135deg,#FBF6EC,#F3E7CF);border:1px solid #E6D3AC;border-radius:18px;padding:14px 16px}
.iv-play{flex:0 0 50px;height:50px;border-radius:50%;background:var(--night);display:grid;place-items:center}
.iv-play svg{width:22px;height:22px;fill:var(--brass)}
.iv-watch b{display:block;font-size:17px;background:none}
.iv-watch small{display:block;font-size:13.5px;color:var(--muted)}
.art-body .q img,.art-body .v-h img{margin:0}

/* ═══ تخفيف بصري (٣٠ أكتوبر) ═══ */
.art-body mark{background:linear-gradient(transparent 62%,#F1E3C4 62%)}
/* الخط الزمني داخل فقاعة زينب، بلا أرقام القائمة */
.art-body ol.tl,.art-body .tl li{list-style:none}
.a .tl{margin:8px 0 2px!important}
.a .tl::before{inset-inline-start:7px;background:#B9CDBF}
.a .tl li{padding-inline-start:28px;margin-block-end:10px!important}
.a .tl li::before{inset-inline-start:1px;width:14px;height:14px;border-width:2px;background:var(--wa-bubble);border-color:#7FA48D}
.a .tl-k{background:rgba(255,255,255,.7);color:#3F6B54}
.a .tl p{font-size:16.5px}
.a .tl-bad::before{border-color:#C47B68!important}
.a .tl-bad .tl-k{background:rgba(255,255,255,.7);color:#8A4636}
.a .tl-end::before{background:#5E8A72!important;border-color:#5E8A72!important}
.a .tl-end .tl-k{background:#5E8A72;color:#fff}
.a .tl-end p{background:rgba(255,255,255,.75);border:0;padding:8px 12px}
/* بطاقات التحكم: أيقونة فاتحة بدل المربّع الداكن، بلا الأرقام الكبيرة */
.ctl-ic{background:#F6EFE2}
.ctl-ic svg{stroke:var(--brass-text)}
.ctl-n{display:none}
.ctl-i{border-color:#ECEDE8}
/* صناديق العدائية: أهدأ */
.hst-i{background:var(--white);border-color:#EDE3DF}
.hst-ic{background:#FBF1EE;border:0}
.hst-i b{color:#6E3B2E;font-weight:600}
.hst-wide{background:#FBF1EE}
/* الاقتباس أصغر قليلًا */
.pq blockquote{font-size:clamp(25px,6.6vw,34px)}
.pq{padding-block:18px}
.ctl-i p b{display:inline;color:var(--night);font-size:inherit;line-height:inherit}
.art-body .verdict mark{background:none;color:var(--brass);padding:0}
/* فقاعة زينب الحاوية لبطاقات */
.a-wrap{padding-inline-start:0}
.a-wrap > div{padding:10px 10px 12px}
.a-wrap .who{padding-inline:6px}
.a-wrap > div > p{padding-inline:6px;margin-block-end:10px}
.a-wrap .ctl,.a-wrap .hst{margin:8px 0 0!important}
.a-wrap .ctl-i{grid-template-columns:40px 1fr;gap:10px;padding:12px;border-color:transparent}
.a-wrap .ctl-ic{width:40px;height:40px;border-radius:12px}
.a-wrap .hst-i{border-color:transparent;padding:12px 6px}
.a-wrap .hst-i b{font-size:13.5px}
.a p + p{margin-block-start:.5em}

/* ═══ نهاية القصة، ثم سؤال القارئة ═══ */
.story-end{display:flex;align-items:center;gap:14px;margin-block:2.4em 1.6em!important;color:var(--ink);font-size:16px;font-weight:700}
.story-end::before,.story-end::after{content:"";flex:1;height:1px;background:var(--line)}
.story-end span{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:5px 20px}
.reader{background:linear-gradient(180deg,#FBF6EC,#F7EEDC);border:1px solid #E8D7B5;border-radius:22px;padding:20px 16px 18px}
.reader-tag{display:inline-flex;align-items:center;gap:7px;font-size:15.5px;font-weight:700;color:var(--brass-text);
  background:var(--white);border-radius:999px;padding:3px 12px 3px 14px}
.reader-tag svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round}
.art-body .reader h2{border:0;padding:0;margin-block:10px 4px!important;font-size:clamp(22px,5.6vw,27px)}
.reader-sub{font-size:16.5px;line-height:1.9;margin-block:6px 12px!important}
.reader .chk{margin:0!important}
.reader .chk li{padding:0;border-color:#EADFC9}
.reader .chk li::before{content:none}
.reader .chk label{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;cursor:pointer;border-radius:14px;transition:background .2s}
.reader .chk input{appearance:none;-webkit-appearance:none;flex:0 0 24px;height:24px;margin-block-start:3px;border-radius:8px;
  border:2px solid #CDB68A;background:var(--white);display:grid;place-items:center;cursor:pointer;transition:all .2s}
.reader .chk input:checked{background:var(--brass);border-color:var(--brass)}
.reader .chk input:checked::after{content:"";width:6px;height:11px;border:solid var(--night);border-width:0 2.5px 2.5px 0;rotate:45deg;translate:0 -1px}
.reader .chk input:focus-visible{outline:2px solid var(--night);outline-offset:2px}
.reader .chk li:has(input:checked){border-color:var(--brass);background:#FFFDF8}
.chk-res{margin-block-start:14px!important;background:var(--white);border-radius:14px;padding:12px 14px;font-size:16px;line-height:1.9;
  border-inline-start:4px solid #5E8A72}
.chk-res.warn{border-inline-start-color:#B5543C}
.chk-res a{font-weight:600}
/* زر «شاهدي الفيديو» في نتيجة القائمة: ينزل لفيديو الاستشارة */
.chk-res a.chk-go{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;min-height:52px;border-radius:14px;
  background:var(--night);color:var(--cream);text-decoration:none;font-size:16.5px;font-weight:700;line-height:1.3}
.chk-res a.chk-go:hover{background:#26332E}
.chk-go-play{width:28px;height:28px;border-radius:50%;background:var(--brass);display:grid;place-items:center;flex:none}
.chk-go-play svg{width:14px;height:14px;fill:var(--night);translate:1px 0}
.chk-go-ar{width:20px;height:20px;fill:none;stroke:var(--brass);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;animation:chkBob 1.4s ease-in-out infinite}
@keyframes chkBob{50%{translate:0 4px}}
.art-help .art-vid.pulse{animation:vidPulse 1.2s ease-out 2}
@keyframes vidPulse{0%{box-shadow:0 0 0 0 rgba(196,162,106,.75)}100%{box-shadow:0 0 0 16px rgba(196,162,106,0)}}
@media (prefers-reduced-motion:reduce){.chk-go-ar,.art-help .art-vid.pulse{animation:none}}
/* مشاركة واحدة بالواتساب، أسفل الدعوة للاستشارة */
.art-wa{display:flex;align-items:center;justify-content:center;gap:10px;margin-block:14px 6px;min-height:52px;border-radius:14px;
  background:var(--white);border:1px solid #BFD9C8;color:#1F6B44;font-weight:600;font-size:16px;text-decoration:none;transition:background .2s}
.art-wa:hover{background:#EAF5EE}
.art-wa svg{width:22px;height:22px;fill:none;stroke:#25A35A;stroke-width:1.8;stroke-linejoin:round}
@media (min-width:700px){.art-wa{max-width:340px;margin-inline:auto}}
/* مسافة بين كل سؤال وجواب والسؤال الذي بعدهما */
.qa .a + .q{margin-block-start:26px}
.art-body .qa + .qa{margin-block-start:26px}
.art-body .qa:has(> .q:last-child) + .qa{margin-block-start:12px}

/* ═══ أقسام الأسئلة: عنوان في المنتصف بروحه، وخط بين كل قسم ═══ */
.art-body h2.sec{text-align:center;border:0;padding:0;margin-block:.4em 1em;font-size:clamp(22px,5.8vw,28px)}
.art-body h2.sec::after{content:"";display:block;width:44px;height:3px;border-radius:3px;background:var(--brass);margin:10px auto 0}
.art-body hr.sec-hr{border:0;height:1px;margin-block:2.2em!important;
  background:linear-gradient(90deg,transparent,#D9CBB0 20%,#D9CBB0 80%,transparent)}
.art-body .qa:has(> .a:last-child) + .qa:has(> .a:first-child){margin-block-start:12px}
.art-toc ol{counter-reset:none}
.art-toc li{padding-block:2px}
.art-body hr.sec-hr{height:1.5px;background:linear-gradient(90deg,transparent,#C9B488 15%,#C9B488 85%,transparent)}
/* فقرات بعد البطاقات داخل الفقاعة */
.a-wrap .a-after{padding-inline:6px;margin-block-start:10px!important;font-size:17px;line-height:1.95}
/* بطاقة الدورة داخل تعليق الدكتور */
.v-course{display:flex;align-items:center;gap:12px;margin-block-start:12px;text-decoration:none!important;
  background:var(--brass);color:var(--night)!important;border-radius:16px;padding:12px 14px;transition:background .2s}
.v-course:hover{background:#D2B27C}
.v-course-ic{flex:0 0 42px;height:42px;border-radius:12px;background:rgba(28,38,39,.12);display:grid;place-items:center}
.v-course-ic svg{width:22px;height:22px;stroke:var(--night);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v-course b{display:block;font-size:17px;color:var(--night)!important;background:none}
.v-course small{display:block;font-size:13px;color:#3C3426;line-height:1.6}
.v-course > span:nth-child(2){flex:1}
.v-course i{font-style:normal;font-size:20px}
/* البديل الثاني تحت بطاقة الدورة: «أو احصل على استشارة» — إطار ذهبي بلا تعبئة */
.v-course.v-alt{background:transparent;box-shadow:inset 0 0 0 1.5px var(--brass);margin-block-start:10px}
.v-course.v-alt:hover{background:rgba(196,162,106,.14)}
.v-course.v-alt .v-course-ic{background:rgba(196,162,106,.22)}
.v-course.v-alt b{color:var(--cream)!important}
.v-course.v-alt small{color:var(--mist)}
.v-course.v-alt i{color:var(--brass)}
.v-course.v-alt .v-course-ic svg{stroke:var(--brass)}
.reader .chk label > span b:first-child:has(+ small){display:block;font-size:16.5px;line-height:1.7}
.reader .chk label > span small{display:block;font-size:15px;color:var(--muted);line-height:1.8}
/* مثال داخل الفقاعة */
.a-ex{margin-block-start:10px;background:rgba(255,255,255,.75);border-radius:12px;padding:10px 14px}
.a-ex > span{display:inline-block;font-size:12.5px;font-weight:600;color:#3F6B54;background:#fff;border-radius:999px;padding:0 10px;margin-block-end:4px}
.a-ex p{font-size:16.5px;line-height:1.9}
/* نقاط تعليق الدكتور */
.v-pts{list-style:none;padding:0!important;margin-block:14px!important;display:grid;gap:12px;counter-reset:vp}
.v-pts li{position:relative;padding-inline-start:44px;counter-increment:vp;margin:0!important}
.v-pts li::before{content:counter(vp,arabic-indic);position:absolute;inset-inline-start:0;top:2px;width:32px;height:32px;border-radius:50%;
  background:var(--brass);color:var(--night);display:grid;place-items:center;font-family:var(--f-head);font-weight:700}
.v-pts li > b{display:block;font-family:var(--f-head);font-size:18px;color:var(--brass)!important;line-height:1.7}
.v-pts li p{margin-block-start:4px!important}
/* رسالة السلامة */
.chk-res.danger{border-inline-start-color:#B5543C;background:#FDF3F0}

.art-body ol.v-pts,.art-body .v-pts li{list-style:none}
.v-pts li::marker{content:none}
/* سطر السؤال تحت العنوان: خط عريض في كل المقالات */
.art-lede{font-weight:700;color:var(--night)}

/* ═══ أسئلة التشخيص الأربعة ═══ */
.quiz4{display:grid;gap:8px;margin-block:12px!important}
.qz{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.qz-n{width:34px;height:34px;border-radius:50%;background:#F6EFE2;color:var(--brass-text);display:grid;place-items:center;font-family:var(--f-head);font-weight:700}
.qz p{font-family:var(--f-head);font-weight:700;font-size:16.5px;line-height:1.75;margin:0}
.qz-a{background:#5E8A72;color:#fff;border-radius:999px;padding:2px 14px;font-size:14px;white-space:nowrap}
.qz-key{border:1.5px solid var(--brass);background:#FFFCF5}
.qz-key .qz-n{background:var(--brass);color:var(--night)}
.qz-tag{display:block;font-family:var(--f-body);font-size:12.5px;font-weight:600;color:var(--brass-text)}
.qz small{grid-column:2/-1;display:block;background:var(--wa-bubble);border-radius:4px 12px 12px 12px;padding:8px 12px;font-size:15.5px;line-height:1.85;color:var(--ink)}
/* الدروس المستفادة */
.lessons{display:grid;gap:10px}
.ls{display:grid;grid-template-columns:46px 1fr;gap:12px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:16px}
.ls-ic{width:46px;height:46px;border-radius:14px;background:#F6EFE2;display:grid;place-items:center}
.ls-ic svg{width:24px;height:24px;stroke:var(--brass-text);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ls b{display:block;font-family:var(--f-head);font-size:18px;line-height:1.7;color:var(--night)}
.ls p{font-size:16.5px;line-height:1.95;margin-block-start:4px!important}
.ls p b{display:inline;font-family:var(--f-body);font-size:inherit}
.art-body .v-course-light{margin-block-start:14px}
/* من أجاب: اسمها فوق «نعم» */
.qz-a{display:flex;flex-direction:column;align-items:center;line-height:1.35;padding:4px 14px 5px;border-radius:14px}
.qz-a span{font-size:11px;font-weight:500;opacity:.85}

/* ═══ صندوق ترشيح الدورة (مقنع) ═══ */
.pitch{position:relative;overflow:hidden;margin-block:1.8em 0!important;border-radius:24px;padding:24px 20px 20px;
  background:radial-gradient(120% 80% at 100% 0%,#33473F 0%,var(--night) 62%);color:var(--cream)}
.pitch::before{content:"";position:absolute;inset-inline-end:-60px;inset-block-start:-60px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(196,162,106,.28),transparent 70%)}
.pitch-hook{font-size:14.5px;color:var(--brass);font-weight:600;margin:0!important}
.art-body .pitch h3{font-family:var(--f-head);font-size:clamp(22px,5.8vw,28px);line-height:1.6;color:#fff;margin-block:6px 10px!important}
.pitch h3 span{color:var(--brass);background:linear-gradient(transparent 70%,rgba(196,162,106,.3) 70%)}
.pitch-q{font-size:16.5px;line-height:1.95;color:#DCD9D0;margin-block-end:14px!important}
.pitch-list{list-style:none;padding:0!important;display:grid;gap:10px;margin:0 0 18px!important}
.pitch-list li{position:relative;padding-inline-start:34px;font-size:15.5px;line-height:1.9;color:#D2D6D2;margin:0!important}
.pitch-list li::before{content:"";position:absolute;inset-inline-start:0;top:5px;width:22px;height:22px;border-radius:50%;
  background:var(--brass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C2627' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.pitch-list li::marker{content:none}
.pitch-list b{color:#fff;background:none}
.pitch-btn{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:16px;background:var(--brass);
  color:var(--night)!important;font-weight:700;font-size:17px;text-decoration:none!important;box-shadow:0 10px 24px rgba(196,162,106,.25);
  transition:transform .2s,background .2s}
.pitch-btn:hover{background:#D2B27C;transform:translateY(-2px)}
.pitch-btn::after{content:"←";margin-inline-start:10px}
.pitch-meta{text-align:center;font-size:12.5px;color:var(--mist);margin-block-start:8px!important}
.art-body .pitch-quote{margin-block-start:16px!important;background:rgba(255,255,255,.05);border:1px solid rgba(196,162,106,.25);border-inline-start:3px solid var(--brass);
  border-radius:14px;padding:12px 14px;font-size:15.5px;line-height:1.9;color:#E4E2DA;font-family:var(--f-body)}
.pitch-quote cite{display:block;font-style:normal;font-size:12.5px;color:var(--brass);margin-block-start:4px}
@media (min-width:700px){.pitch{padding:30px 32px 26px}.pitch-btn{max-width:380px}}

/* ═══ نصائح مرقّمة على خلفية فاتحة ═══ */
.art-body ol.tips{list-style:none;padding:0!important;display:grid;gap:12px;counter-reset:tp}
.tips > li{position:relative;counter-increment:tp;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:16px 16px 14px 16px;padding-inline-start:58px;margin:0!important}
.tips > li::marker{content:none}
.tips > li::before{content:counter(tp,arabic-indic);position:absolute;inset-inline-start:14px;top:16px;width:32px;height:32px;border-radius:50%;
  background:var(--night);color:var(--brass);display:grid;place-items:center;font-family:var(--f-head);font-weight:700}
.tips > li > b{display:block;font-family:var(--f-head);font-size:18.5px;line-height:1.7;color:var(--night)}
.tips p{font-size:16.5px;line-height:1.95;margin-block-start:6px!important}
.tips-pair{display:grid;gap:6px}
.tips-pair span{display:block;border-radius:10px;padding:7px 12px;font-weight:600;font-size:15.5px}
.tips-pair span:first-child{background:#EAF3EE;color:#2F5A43}
.tips-pair span:last-child{background:#FBF1EE;color:#7A3524}
/* آية وحديث */
.ls-plain > p{font-size:17px;line-height:2}
.ayah{margin-block:14px!important;text-align:center;background:linear-gradient(180deg,#FBF6EC,#F5EBD6);border:1px solid #E6D3AC;border-radius:18px;padding:18px 16px 12px}
.art-body .ayah blockquote{border:0;background:none;padding:0;font-family:var(--f-head);font-size:clamp(19px,5vw,23px);line-height:2;color:var(--night);font-weight:600}
.ayah figcaption{font-size:13px;color:var(--brass-text);margin-block-start:4px}
.hadith{background:var(--white);border-color:var(--line)}
.art-body .hadith blockquote{font-size:clamp(17px,4.6vw,20px)}
/* الخلاصة */
.sum-intro{font-weight:600}
.sum2{display:grid;gap:10px;margin-block:10px 14px!important}
@media (min-width:640px){.sum2{grid-template-columns:1fr 1fr}}
.sum-c{background:var(--white);border:1px solid var(--line);border-top:4px solid #C47B68;border-radius:16px;padding:14px 16px}
.sum-who{display:inline-block;font-size:12.5px;font-weight:600;color:#7A3524;background:#FBF1EE;border-radius:999px;padding:1px 12px;margin-block-end:6px}
.sum-c p{font-size:16.5px;line-height:1.9}
.verdict-mini{padding:16px}
.verdict-mini .v-rules{margin:0}
.verdict-mini::before{content:none}

/* عنوان فرعي داخل بطاقة النصيحة (مثل «ونصيحتي لأهل الزوج») */
.verdict .v-sub{margin-block-start:18px!important;padding-block-start:14px;border-block-start:1px solid rgba(196,162,106,.25);color:var(--brass)}
.verdict .v-sub b{color:var(--brass)}