/* ============================================================
   هدب — أنماط المدونة (تكمّل styles.css ولا تكرره)
   ============================================================ */

.blog-hero{padding-block:clamp(48px,6vw,80px) clamp(28px,4vw,44px);position:relative;overflow:hidden}
.blog-hero::before{content:"";position:absolute;inset-inline-end:-10%;top:-40%;width:min(640px,80vw);aspect-ratio:1;
  background:radial-gradient(circle,rgba(62,58,150,.42),rgba(83,202,241,.1) 45%,transparent 68%);pointer-events:none}

/* ---- شبكة المقالات ---- */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:960px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.posts{grid-template-columns:1fr}}
.pcard{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:var(--r-md);
  overflow:hidden;background:var(--surface);
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.pcard:hover{border-color:var(--line-strong);transform:translateY(-3px)}
.pcard__shot{aspect-ratio:16/10;overflow:hidden;background:var(--ink-850);border-bottom:1px solid var(--line)}
.pcard__shot img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.pcard:hover .pcard__shot img{transform:scale(1.045)}
.pcard__body{padding:20px 22px;display:grid;gap:9px;align-content:start}
.pcard__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.76rem;color:var(--fg-dim)}
.pcard__meta .dot{width:3px;height:3px;border-radius:50%;background:var(--fg-dim)}
.pcard h2,.pcard h3{font-size:1.06rem;line-height:1.4}
.pcard p{font-size:.9rem;color:var(--fg-muted);line-height:1.7}
.pcard a{display:contents}

/* ---- نص المقال ---- */
.article{max-width:70ch;margin-inline:auto}
.article__hd{display:grid;gap:16px;margin-bottom:clamp(28px,4vw,42px)}
.article__meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:.85rem;color:var(--fg-dim)}
.article__cover{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);margin-bottom:clamp(26px,4vw,40px)}
.article__cover img{width:100%;height:auto;display:block}

.prose{font-size:1.03rem;line-height:1.95;color:var(--fg)}
.prose > * + *{margin-top:1.15em}
.prose h2{font-size:clamp(1.3rem,2.6vw,1.68rem);margin-top:2em;line-height:1.35;scroll-margin-top:90px}
.prose h3{font-size:clamp(1.08rem,2vw,1.28rem);margin-top:1.7em;line-height:1.4;color:var(--fg-strong)}
.prose p{color:var(--fg-muted)}
.prose strong,.prose b{color:var(--fg-strong);font-weight:600}
.prose a{color:var(--cyan-300);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{color:var(--cyan-200)}
.prose ul,.prose ol{display:grid;gap:.6em;padding-inline-start:1.35em;color:var(--fg-muted)}
.prose ul{list-style:disc}.prose ol{list-style:decimal}
.prose li::marker{color:var(--cyan-400)}
.prose blockquote{border-inline-start:2px solid var(--cyan-400);padding:2px 18px;margin-inline-start:0;
  color:var(--fg);background:rgba(83,202,241,.05);border-radius:0 var(--r-sm) var(--r-sm) 0}
.prose code{font-family:var(--font-brand);font-size:.88em;background:rgba(0,0,0,.35);
  border:1px solid var(--line);border-radius:6px;padding:2px 7px;direction:ltr;display:inline-block}
.prose pre{background:rgba(0,0,0,.4);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:16px 18px;overflow-x:auto;direction:ltr;text-align:start}
.prose pre code{background:none;border:0;padding:0}
.prose img{border-radius:var(--r-sm);border:1px solid var(--line)}
.prose table{width:100%;border-collapse:collapse;font-size:.93rem;display:block;overflow-x:auto}
.prose th,.prose td{text-align:start;padding:11px 14px;border-bottom:1px solid var(--line)}
.prose th{color:var(--fg-dim);font-weight:500;font-size:.84rem;background:rgba(255,255,255,.03)}
.prose hr{border:0;border-top:1px solid var(--line);margin-block:2em}

/* ---- الأسئلة داخل المقال ---- */
.prose details{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden}
.prose details summary{cursor:pointer;padding:15px 20px;font-weight:500;color:var(--fg-strong);list-style:none}
.prose details summary::-webkit-details-marker{display:none}
.prose details[open]{border-color:var(--line-strong)}
.prose details > :not(summary){padding:0 20px 16px;margin:0}

/* ---- دعوة أسفل المقال ---- */
.article__cta{margin-top:clamp(40px,6vw,64px);border:1px solid var(--line-strong);border-radius:var(--r-lg);
  background:linear-gradient(150deg,var(--indigo-700),var(--ink-850) 55%,var(--ink-900));
  padding:clamp(26px,4vw,40px);display:grid;gap:16px;justify-items:start}
.article__nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
  margin-top:36px;padding-top:24px;border-top:1px solid var(--line);font-size:.9rem}
.article__nav a{color:var(--fg-muted)}
.article__nav a:hover{color:var(--cyan-300)}

/* ---- فتات الخبز ---- */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.82rem;color:var(--fg-dim);margin-bottom:18px}
.crumbs a{color:var(--fg-muted)}
.crumbs a:hover{color:var(--cyan-300)}
.crumbs span{opacity:.5}

/* ---- حالة فارغة ---- */
.empty{border:1px dashed var(--line-strong);border-radius:var(--r-md);padding:clamp(36px,6vw,60px);
  text-align:center;display:grid;gap:12px;justify-items:center;color:var(--fg-muted)}