/* اليمن الغد — Article Surface (13.9.0) */
/* ===========================================================================
   اليمن الغد — Article Editorial Surface (12.7.0)
   A single, calm reading card on a neutral page. The article, its editorial
   utilities, and recommendation surfaces use a coherent system instead of
   accumulating disconnected cards and red borders.
   =========================================================================== */

.single-post{
  --ayg-article-measure:var(--ayg-control-article-measure,760px);
  --ayg-article-media:900px;
  --ayg-article-layout:1300px;
  --ayg-mobile-gutter:var(--ayg-control-mobile-gutter,18px);
  --ayg-mobile-card-gutter:var(--ayg-control-mobile-card-gutter,14px);
  --ayg-card-radius:var(--ayg-control-card-radius,18px);
  --ayg-density-paragraph:var(--ayg-control-density-paragraph,1.34em);
  --ayg-density-inset:var(--ayg-control-density-inset,24px);
  --ayg-density-ad:var(--ayg-control-density-ad,34px);
  --ayg-paper:var(--ayg-card,#fff);
  --ayg-page-wash: #f5f6f8;
  --ayg-surface-soft:var(--ayg-reading-surface,#f8f9fb);
  --ayg-surface-line: color-mix(in srgb,var(--ayg-line,#e4e7eb) 92%,#fff);
  --ayg-card-shadow: 0 14px 34px rgba(17,24,39,.045), 0 2px 8px rgba(17,24,39,.025);
}

/* Page context: the page stays quiet so the article card owns the hierarchy. */
.single-post .ayg-site-content{
  background:var(--ayg-page-wash);
  padding:18px 0 46px;
}
.single-post nav.ayg-wrap[aria-label]{
  max-width:var(--ayg-article-layout);
  box-sizing:border-box;
  margin:0 auto 12px;
  color:var(--ayg-muted);
  font-size:.78rem;
}
.single-post .ayg-main-layout{
  width:min(100% - 36px,var(--ayg-article-layout));
  margin:0 auto;
  gap:26px;
  align-items:start;
}
.single-post .ayg-main{min-width:0}

/* The article is a single intentional paper surface, not a transparent layer. */
.single-post .ayg-article{
  box-sizing:border-box;
  background:var(--ayg-paper)!important;
  border:1px solid var(--ayg-surface-line)!important;
  border-radius:var(--ayg-card-radius)!important;
  box-shadow:var(--ayg-card-shadow)!important;
  padding:34px clamp(26px,4.2vw,50px) 38px!important;
  overflow:visible!important;
}
.single-post .ayg-article-header,
.single-post .ayg-article-content,
.single-post .ayg-article-footer,
.single-post .ayg-source-line,
.single-post .ayg-meta-below-hero,
.single-post .ayg-ai-summary-wrapper,
.single-post .ayg-takeaways,
.single-post .ayg-evidence-layer,
.single-post .ayg-factcheck,
.single-post .ayg-live-updates,
.single-post .ayg-toc,
.single-post .ayg-tools{max-width:var(--ayg-article-measure);margin-inline:auto}
.single-post .ayg-article-feature{max-width:var(--ayg-article-media);margin-inline:auto}

/* Headline hierarchy stays strong, clean, and entirely inside the card. */
.single-post .ayg-title-badges{gap:6px;margin:0 0 10px!important}
.single-post .ayg-article-cat-inline,.single-post .ayg-title-badges .ayg-badge{
  font-size:.72rem!important;
  line-height:1.3!important;
  padding:4px 9px!important;
  border-radius:999px!important;
}
.single-post .ayg-article-title{
  margin:0 0 14px!important;
  color:var(--ayg-ink)!important;
  font-family:var(--font-head)!important;
  font-size:clamp(2rem,3.25vw,2.7rem)!important;
  font-weight:800!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-wrap:balance;
}
.single-post .ayg-standfirst{
  margin:0 0 15px!important;
  padding:0!important;
  border:0!important;
  color:var(--ayg-body)!important;
  font-family:var(--font-body)!important;
  font-size:1.1rem!important;
  font-weight:500!important;
  line-height:1.82!important;
}
.single-post .ayg-article-meta,.single-post .ayg-byline-row{
  color:var(--ayg-muted)!important;
  font-size:.82rem!important;
}
.single-post .ayg-article-meta{
  margin:0 0 18px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid var(--ayg-surface-line)!important;
}
.single-post .ayg-article-meta .m{gap:5px!important}
.single-post .ayg-cred-badge{font-size:.7rem!important;padding:3px 7px!important;margin-top:7px!important}
.single-post .ayg-article-feature{margin-block:20px 13px!important}
.single-post .ayg-feat-media,.single-post .ayg-article-feature img{border-radius:12px!important;overflow:hidden}
.single-post .ayg-feat-cap-card{
  padding:7px 3px 0!important;
  border:0!important;
  background:transparent!important;
  color:var(--ayg-muted)!important;
}

/* Arabic reading rhythm. No card, banner, or colour competes with the text. */
.single-post .ayg-article-content{
  color:var(--ayg-body)!important;
  font-family:var(--font-body)!important;
  font-size:var(--ayg-article-size,1.375rem)!important;
  font-weight:400!important;
  line-height:var(--ayg-article-lh,1.5)!important;
  text-align:start!important;
}
.single-post .ayg-article-content > p,
.single-post .ayg-article-content > p:first-of-type{
  color:inherit!important;
  font:inherit!important;
  line-height:inherit!important;
  margin:0 0 var(--ayg-density-paragraph)!important;
}
/* The unselected state must be truly neutral. An earlier 500 weight here made
   the first paragraph look emphasized even when the panel toggle was off. */
.single-post .ayg-article-content > p:first-of-type{font-weight:400!important}

/* The panel's “إبراز الفقرة الأولى” option adds body.ayg-lede. This rule lives
   in the final article-only stylesheet and uses !important intentionally: the
   editorial reset above also normalizes paragraph typography with !important.
   Keeping the conditional rule here makes the saved toggle visible in the real
   cascade, rather than being silently neutralized by a later stylesheet. */
body.single-post.ayg-lede .ayg-article-content > p:first-of-type{
  font-family:var(--font-body)!important;
  font-size:1.10em!important;
  line-height:1.82!important;
  font-weight:700!important;
  color:var(--ayg-ink)!important;
  letter-spacing:0!important;
}
.single-post .ayg-article-content h2,.single-post .ayg-article-content h3{
  color:var(--ayg-ink)!important;
  font-family:var(--font-head)!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
.single-post .ayg-article-content h2{font-size:1.55em!important;line-height:1.48!important;margin:2.05em 0 .65em!important}
.single-post .ayg-article-content h3{font-size:1.25em!important;line-height:1.55!important;margin:1.8em 0 .6em!important}
.single-post .ayg-article-content a{color:var(--ayg-article-link,var(--ayg-red-text,#c8102e))!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.single-post .ayg-article-content blockquote{
  margin-block:2em!important;
  box-shadow:none!important;
  background:var(--ayg-surface-soft)!important;
  border:0!important;
  border-inline-start:3px solid var(--ayg-red)!important;
  border-radius:0 9px 9px 0!important;
}

/* A slot occupies space only after it holds a real creative. */
.single-post .ayg-ad-slot.ayg-ad-pending,
.single-post .ayg-ad-slot.is-empty,
.single-post .ayg-article-content .ayg-ad-slot:has(ins[data-ad-status="unfilled"]){
  display:none!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  max-height:0!important;
  border:0!important;
}
.single-post .ayg-article-content .ayg-ad-slot.is-filled{
  max-width:var(--ayg-article-measure)!important;
  min-height:0!important;
  margin:var(--ayg-density-ad) auto!important;
  padding:8px 0 0!important;
  background:transparent!important;
  border-inline:0!important;
  border-block:1px solid var(--ayg-surface-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.single-post .ayg-article-content .ayg-ad-slot.is-filled .ayg-ad-label{margin:0 0 7px!important;color:var(--ayg-muted)!important}
.single-post .ayg-float-breaking{display:none!important}

/* Supporting content shares a quiet inset treatment inside the one article card. */
.single-post .ayg-ai-summary-wrapper,
.single-post .ayg-takeaways,
.single-post .ayg-evidence-layer,
.single-post .ayg-factcheck,
.single-post .ayg-editorial-provenance,
.single-post .ayg-sources,
.single-post .ayg-reactions,
.single-post .ayg-follow,
.single-post .ayg-author-box{
  box-sizing:border-box;
  max-width:var(--ayg-article-measure)!important;
  margin:var(--ayg-density-inset) auto!important;
  padding:15px 17px!important;
  background:var(--ayg-surface-soft)!important;
  border:1px solid var(--ayg-surface-line)!important;
  border-radius:min(12px,var(--ayg-card-radius))!important;
  box-shadow:none!important;
}
.single-post .ayg-editorial-provenance{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:5px 14px;font-size:.85rem!important;line-height:1.68!important}
.single-post .ayg-editorial-provenance>strong{width:100%;font-size:.9rem!important}
.single-post .ayg-editorial-correction{width:100%;padding-top:8px!important;margin-top:2px!important;border-top:1px dashed var(--ayg-surface-line)!important}
.single-post .ayg-sources{display:flex;align-items:baseline;gap:12px}
.single-post .ayg-sources-h{margin:0!important;white-space:nowrap;font-size:.84rem!important}
.single-post .ayg-sources ul{flex:1;gap:4px!important}
.single-post .ayg-sources li{font-size:.81rem!important}
.single-post .ayg-reactions{gap:7px!important;align-items:center}
.single-post .ayg-reactions-label{font-size:.8rem!important}
.single-post .ayg-reaction-btn{min-width:33px!important;min-height:33px!important;border-radius:999px!important;box-shadow:none!important}
.single-post .ayg-follow-text{font-size:.86rem!important;margin:0 0 9px!important;color:var(--ayg-muted)!important}
.single-post .ayg-fcards{display:flex!important;flex-wrap:wrap;gap:8px!important}
.single-post .ayg-fcard{flex:0 1 auto!important;min-height:0!important;padding:8px 10px!important;border:1px solid var(--ayg-surface-line)!important;border-radius:8px!important;background:var(--ayg-paper)!important;box-shadow:none!important}
.single-post .ayg-fcard > *{font-size:.8rem!important}

/* Author keeps its credibility signal, now as an orderly compact inset. */
.single-post .ayg-author-box{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:11px!important;align-items:start}
.single-post .ayg-ab-avatar img{width:50px!important;height:50px!important}
.single-post .ayg-ab-by{font-size:.72rem!important;color:var(--ayg-muted)!important}
.single-post .ayg-ab-name{font-size:1rem!important;margin:0 0 2px!important}
.single-post .ayg-ab-role{font-size:.8rem!important;margin:0!important;color:var(--ayg-muted)!important}
.single-post .ayg-ab-bio{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.83rem!important;line-height:1.65!important;margin:6px 0 0!important}
.single-post .ayg-ab-beats,.single-post .ayg-ab-stats,.single-post .ayg-ab-links{display:none!important}
.single-post .ayg-ab-foot{margin-top:7px!important}
.single-post .ayg-ab-more{font-size:.82rem!important}

/* Previous/next stays in the article but receives the same measured treatment. */
.single-post .ayg-postnav{max-width:var(--ayg-article-measure);margin:26px auto 0!important;gap:10px!important}
.single-post .ayg-pn{background:var(--ayg-paper)!important;border-color:var(--ayg-surface-line)!important;border-radius:10px!important;box-shadow:none!important}

/* Related and category feeds become one external card per section — never a pile. */
.single-post .ayg-related,
.single-post .ayg-more-cat{
  box-sizing:border-box;
  margin:22px 0 0!important;
  padding:20px 24px 12px!important;
  background:var(--ayg-paper)!important;
  border:1px solid var(--ayg-surface-line)!important;
  border-radius:max(0px,calc(var(--ayg-card-radius) - 2px))!important;
  box-shadow:var(--ayg-card-shadow)!important;
}
.single-post .ayg-related .ayg-sec-head,
.single-post .ayg-more-cat .ayg-sec-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 8px!important;
  padding:0 0 13px!important;
  border-bottom:1px solid var(--ayg-surface-line)!important;
}
.single-post .ayg-related .ayg-sec-title,
.single-post .ayg-more-cat .ayg-sec-title{
  margin:0!important;
  padding-inline-start:11px!important;
  border-inline-start:4px solid var(--ayg-red)!important;
  color:var(--ayg-ink)!important;
  font-size:1.12rem!important;
  line-height:1.35!important;
}
.single-post .ayg-related .ayg-sec-more,
.single-post .ayg-more-cat .ayg-sec-more{margin-inline-start:auto;font-size:.82rem!important;color:var(--ayg-red-text)!important;font-weight:800!important}
.single-post .ayg-related-cards,
.single-post .ayg-more-cat-cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 22px!important;
  margin:0!important;
}
.single-post .ayg-related-cards .ayg-card,
.single-post .ayg-more-cat-cards .ayg-card{
  display:grid!important;
  grid-template-columns:126px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  gap:12px!important;
  min-width:0!important;
  margin:0!important;
  padding:14px 0!important;
  border:0!important;
  border-bottom:1px solid var(--ayg-surface-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.single-post .ayg-related-cards .ayg-card:hover,
.single-post .ayg-more-cat-cards .ayg-card:hover{box-shadow:none!important;transform:none!important}
.single-post .ayg-related-cards .ayg-card-thumb,
.single-post .ayg-more-cat-cards .ayg-card-thumb{
  grid-column:1;grid-row:1;
  width:126px!important;
  height:84px!important;
  padding:0!important;
  border-radius:8px!important;
  overflow:hidden!important;
}
.single-post .ayg-related-cards .ayg-card-body,
.single-post .ayg-more-cat-cards .ayg-card-body{grid-column:2;grid-row:1;min-width:0;padding:0!important;gap:4px!important}
.single-post .ayg-related-cards .ayg-card-title,
.single-post .ayg-more-cat-cards .ayg-card-title{font-size:.94rem!important;line-height:1.52!important;-webkit-line-clamp:2!important}
.single-post .ayg-related-cards .ayg-card-meta,
.single-post .ayg-more-cat-cards .ayg-card-meta{margin-top:auto!important;padding:0!important;border:0!important;font-size:.71rem!important;color:var(--ayg-muted)!important}
.single-post .ayg-related-cards .ayg-card-excerpt,
.single-post .ayg-more-cat-cards .ayg-card-excerpt{display:none!important}

html[data-theme="dark"] .single-post .ayg-site-content{background:var(--ayg-bg)}
html[data-theme="dark"] .single-post .ayg-article,
html[data-theme="dark"] .single-post .ayg-related,
html[data-theme="dark"] .single-post .ayg-more-cat{box-shadow:none!important}
html[data-theme="dark"] .single-post .ayg-ai-summary-wrapper,
html[data-theme="dark"] .single-post .ayg-takeaways,
html[data-theme="dark"] .single-post .ayg-evidence-layer,
html[data-theme="dark"] .single-post .ayg-factcheck,
html[data-theme="dark"] .single-post .ayg-editorial-provenance,
html[data-theme="dark"] .single-post .ayg-sources,
html[data-theme="dark"] .single-post .ayg-reactions,
html[data-theme="dark"] .single-post .ayg-follow,
html[data-theme="dark"] .single-post .ayg-author-box{background:var(--ayg-bg-alt)!important}

@media (max-width:900px){
  .single-post .ayg-main-layout{display:block!important;width:min(100% - 28px,var(--ayg-article-layout))}
  .single-post .ayg-sidebar{display:none!important}
}
@media (max-width:680px){
  .single-post .ayg-site-content{padding:10px 0 30px}
  .single-post nav.ayg-wrap[aria-label]{margin-bottom:8px;padding-inline:18px;font-size:.74rem}
  .single-post .ayg-main-layout{width:100%;margin:0}
  .single-post .ayg-article{border-inline:0!important;border-radius:0!important;box-shadow:none!important;padding:24px var(--ayg-mobile-gutter) 30px!important}
  .single-post .ayg-article-title{font-size:clamp(1.62rem,7.2vw,2rem)!important;line-height:1.45!important}
  .single-post .ayg-standfirst{font-size:1rem!important;line-height:1.75!important}
  .single-post .ayg-article-content{font-size:var(--ayg-article-size-m,1.25rem)!important;line-height:var(--ayg-article-lh,1.5)!important}
  body.single-post.ayg-lede .ayg-article-content > p:first-of-type{font-size:1.08em!important;line-height:1.80!important}
  .single-post .ayg-article-content h2{font-size:1.43em!important}
  .single-post .ayg-article-content h3{font-size:1.22em!important}
  .single-post .ayg-article-feature{margin-block:16px 10px!important}
  .single-post .ayg-feat-media,.single-post .ayg-article-feature img{border-radius:9px!important}
  .single-post .ayg-ai-summary-wrapper,
  .single-post .ayg-takeaways,
  .single-post .ayg-evidence-layer,
  .single-post .ayg-factcheck,
  .single-post .ayg-editorial-provenance,
  .single-post .ayg-sources,
  .single-post .ayg-reactions,
  .single-post .ayg-follow,
  .single-post .ayg-author-box{margin:18px auto!important;padding:13px 14px!important;border-radius:10px!important}
  .single-post .ayg-sources{display:block!important}
  .single-post .ayg-sources-h{margin-bottom:6px!important}
  .single-post .ayg-related,
  .single-post .ayg-more-cat{margin:16px var(--ayg-mobile-card-gutter) 0!important;padding:16px 16px 8px!important;border-radius:12px!important;box-shadow:none!important}
  .single-post .ayg-related-cards,
  .single-post .ayg-more-cat-cards{grid-template-columns:1fr!important}
  .single-post .ayg-related-cards .ayg-card,
  .single-post .ayg-more-cat-cards .ayg-card{grid-template-columns:98px minmax(0,1fr)!important;gap:10px!important;padding:12px 0!important}
  .single-post .ayg-related-cards .ayg-card-thumb,
  .single-post .ayg-more-cat-cards .ayg-card-thumb{width:98px!important;height:68px!important}
  .single-post .ayg-related-cards .ayg-card:nth-child(n+5),
  .single-post .ayg-more-cat-cards .ayg-card:nth-child(n+5){display:none!important}
}

/* ===========================================================================
   13.5.4 — Arabic headline rhythm
   The bundled Readex face is loaded at 700. A previous 800 request caused
   synthetic emboldening, while the 900–1180px layout kept desktop headlines
   beside a 320px sidebar. Correct the visual rhythm without changing the H1,
   article hierarchy, or structured data.
   =========================================================================== */
.single-post .ayg-article-title{
  font-size:clamp(2rem,2.55vw,2.35rem)!important;
  font-weight:700!important;
  line-height:1.32!important;
  margin-block-end:13px!important;
  text-wrap:balance;
}
.single-post .ayg-article-meta,
.single-post .ayg-byline-row{
  font-size:.84rem!important;
  line-height:1.55!important;
}

/* A medium viewport needs one calm reading column before mobile. */
@media (min-width:681px) and (max-width:1180px){
  .single-post .ayg-main-layout{
    display:block!important;
    width:min(100% - 40px,980px)!important;
  }
  .single-post .ayg-sidebar{display:none!important}
  .single-post .ayg-article{padding:30px clamp(28px,4.2vw,42px) 34px!important}
  .single-post .ayg-article-header{max-width:min(100%,900px)!important}
  .single-post .ayg-article-title{
    font-size:clamp(1.92rem,3vw,2.25rem)!important;
    line-height:1.34!important;
  }
}

@media (max-width:680px){
  .single-post .ayg-article-title{
    font-size:clamp(1.58rem,6.4vw,1.9rem)!important;
    font-weight:700!important;
    line-height:1.40!important;
    margin-block-end:11px!important;
  }
  .single-post .ayg-article-meta,
  .single-post .ayg-byline-row{font-size:.80rem!important}
}

/* ===========================================================================
   13.5.5 — verified live headline correction
   Applied only after validating against the affected page at a 1280px viewport.
   Do not balance Arabic news headlines: it produces artificial three-line blocks.
   =========================================================================== */
.single-post .ayg-article-header{
  max-width:min(100%,720px)!important;
  margin-inline:auto!important;
}
.single-post .ayg-article-title{
  font-size:clamp(1.82rem,2.35vw,2.125rem)!important;
  font-weight:700!important;
  line-height:1.30!important;
  letter-spacing:0!important;
  text-wrap:wrap!important;
  margin:0 0 12px!important;
}
.single-post .ayg-article-meta,
.single-post .ayg-byline-row{
  font-size:.80rem!important;
  line-height:1.45!important;
}

/* Keep the reading surface whole on ordinary laptop widths. */
@media (min-width:681px) and (max-width:1360px){
  .single-post .ayg-main-layout{
    display:block!important;
    width:min(100% - 44px,980px)!important;
  }
  .single-post .ayg-sidebar{display:none!important}
  .single-post .ayg-article{padding:28px clamp(28px,4vw,42px) 34px!important}
}

@media (max-width:680px){
  .single-post .ayg-article-header{max-width:none!important}
  .single-post .ayg-article-title{
    font-size:clamp(1.48rem,6vw,1.78rem)!important;
    line-height:1.38!important;
  }
}


/* --- reading rhythm and content modules --- */
/* ===========================================================================
   اليمن الغد — Article Reading System (13.6.0)
   Final article-only presentation layer. Loaded after legacy and editorial
   styles to keep the article reading surface coherent without changing HTML,
   structured data, SEO plugin output, or panel-controlled content settings.
   =========================================================================== */

.single-post{
  --ayg-reader-measure:min(var(--ayg-article-measure,760px),720px);
  --ayg-reader-media:min(var(--ayg-article-media,900px),820px);
  --ayg-reader-inset:clamp(18px,2.4vw,28px);
  --ayg-reader-soft:color-mix(in srgb,var(--ayg-bg-alt,#f5f6f8) 82%,#fff);
}

/* The article has one measured reading column; utility surfaces follow it. */
.single-post .ayg-article-content,
.single-post .ayg-article-footer,
.single-post .ayg-source-line,
.single-post .ayg-meta-below-hero,
.single-post .ayg-toc,
.single-post .ayg-author-box,
.single-post .ayg-postnav{
  max-width:var(--ayg-reader-measure)!important;
  margin-inline:auto!important;
}
.single-post .ayg-article-feature{max-width:var(--ayg-reader-media)!important}

/* Header rhythm is defined in 13.5.5; this layer only aligns the supporting
   elements so the information line never competes with the headline. */
.single-post .ayg-title-badges{margin-bottom:9px!important}
.single-post .ayg-article-meta{
  margin-bottom:17px!important;
  padding-bottom:12px!important;
  gap:8px 14px!important;
}
.single-post .ayg-article-meta .m{gap:5px!important}
.single-post .ayg-cred-badge{margin-top:4px!important}

/* Media and captions: quiet, editorial, and consistently contained. */
.single-post .ayg-article-feature{margin-block:18px 12px!important}
.single-post .ayg-feat-media,
.single-post .ayg-article-feature img{
  border-radius:12px!important;
  box-shadow:0 10px 26px rgba(17,24,39,.06)!important;
}
.single-post .ayg-feat-cap-card{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:8px 2px 0!important;
  color:var(--ayg-muted)!important;
  font-size:.75rem!important;
  line-height:1.55!important;
}

/* The first paragraph stays recognisable as a lead without becoming a second
   heavy headline. It remains conditional on the existing panel option. */
body.single-post.ayg-lede .ayg-article-content > p:first-of-type{
  font-size:1.065em!important;
  font-weight:600!important;
  line-height:1.75!important;
  margin-bottom:1.18em!important;
  color:var(--ayg-ink)!important;
}

/* Text rhythm: respect the panel's chosen base font-size and line-height,
   but eliminate the oversized gaps caused by older competing rules. */
.single-post .ayg-article-content > p{
  margin:0 0 1.18em!important;
  max-width:none!important;
}
.single-post .ayg-article-content h2{
  font-size:clamp(1.38rem,1.85vw,1.58rem)!important;
  font-weight:700!important;
  line-height:1.42!important;
  margin:1.82em 0 .58em!important;
  padding:0 0 9px!important;
  border-bottom:1px solid var(--ayg-surface-line)!important;
}
.single-post .ayg-article-content h2::after{
  width:34px!important;
  height:3px!important;
  margin-top:8px!important;
}
.single-post .ayg-article-content h3{
  font-size:clamp(1.16rem,1.5vw,1.28rem)!important;
  font-weight:700!important;
  line-height:1.48!important;
  margin:1.52em 0 .48em!important;
}
.single-post .ayg-article-content h4{
  font-size:1.05em!important;
  line-height:1.55!important;
  margin:1.35em 0 .42em!important;
}

/* Lists are content, not oversized cards. Restore semantic list layout and
   keep nested paragraphs compact. */
.single-post .ayg-article-content :is(ul,ol){
  display:block!important;
  margin:1.08em 0 1.22em!important;
  padding:0!important;
  padding-inline-start:1.45em!important;
  background:transparent!important;
  border:0!important;
}
.single-post .ayg-article-content :is(ul,ol) li{
  display:list-item!important;
  width:auto!important;
  margin:.42em 0!important;
  padding:0!important;
  line-height:1.72!important;
  background:transparent!important;
}
.single-post .ayg-article-content :is(ul,ol) li::marker{color:var(--ayg-red-text)!important;font-weight:700}
/* WordPress content pasted from rich editors may place empty line breaks before
   and after paragraphs inside a list item. Keep those breaks out of the
   reading flow without touching ordinary article line breaks. */
.single-post .ayg-article-content :is(ul,ol) li > br{display:none!important}
.single-post .ayg-article-content :is(ul,ol) li > :is(p,ul,ol){margin:.34em 0!important}
.single-post .ayg-article-content :is(ul,ol) li > p:first-of-type{margin-top:0!important}
.single-post .ayg-article-content :is(ul,ol) li > p:last-of-type{margin-bottom:0!important}
.single-post .ayg-article-content :is(ul,ol) :is(ul,ol){margin:.45em 0!important}

/* Quotes, tables, images, and embeds retain a calm surface and fit narrow
   screens without creating horizontal page scroll. */
.single-post .ayg-article-content blockquote{
  margin:1.6em 0!important;
  padding:1em var(--ayg-reader-inset)!important;
  border-inline-start:3px solid var(--ayg-red)!important;
  border-radius:0 10px 10px 0!important;
  background:var(--ayg-reader-soft)!important;
  font-size:1.02em!important;
  line-height:1.78!important;
}
.single-post .ayg-article-content blockquote p{padding:0!important;margin:0!important}
.single-post .ayg-article-content figure,
.single-post .ayg-article-content .wp-block-image{margin:1.65em 0!important}
.single-post .ayg-article-content figcaption{
  margin-top:7px!important;
  font-family:var(--font-body)!important;
  font-size:.77rem!important;
  line-height:1.55!important;
}
.single-post .ayg-article-content .ayg-table-wrap{
  margin:1.55em 0!important;
  border:1px solid var(--ayg-surface-line)!important;
  border-radius:10px!important;
  background:var(--ayg-paper)!important;
}
.single-post .ayg-article-content table{margin:0!important;font-size:.93em!important}
.single-post .ayg-article-content th,
.single-post .ayg-article-content td{padding:10px 12px!important}
.single-post .ayg-article-content thead th{background:var(--ayg-ink)!important;color:#fff!important}

/* TOC: a light, compact navigation surface with no competing card language. */
.single-post .ayg-toc{
  margin-block:22px!important;
  border:1px solid var(--ayg-surface-line)!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:var(--ayg-paper)!important;
  box-shadow:none!important;
}
.single-post .ayg-toc-head{
  min-height:0!important;
  padding:11px 15px!important;
  background:var(--ayg-reader-soft)!important;
  border-bottom:1px solid var(--ayg-surface-line)!important;
  font-size:.92rem!important;
  font-weight:700!important;
}
.single-post .ayg-toc-head span:first-child{gap:7px!important}
.single-post .ayg-toc-toggle{font-size:1rem!important}
.single-post .ayg-toc-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 18px!important;
  padding:7px 15px!important;
}
.single-post .ayg-toc-list li{
  min-width:0!important;
  margin:0!important;
  padding:8px 28px 8px 0!important;
  border-bottom:1px solid var(--ayg-surface-line)!important;
  font-size:.85rem!important;
  line-height:1.5!important;
}
.single-post .ayg-toc-list li:nth-last-child(-n+2){border-bottom:0!important}
.single-post .ayg-toc-list li::before{
  width:18px!important;
  height:18px!important;
  top:9px!important;
  font-size:.64rem!important;
  line-height:18px!important;
}
.single-post .ayg-toc-list a{font-weight:600!important}

/* Advertisements must reserve no space until a real creative is available. */
.single-post .ayg-ad-slot{
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.single-post .ayg-ad-slot.is-filled,
.single-post .ayg-ad-slot:has(iframe),
.single-post .ayg-ad-slot:has(ins[data-ad-status="filled"]){
  display:block!important;
  margin:28px auto!important;
  padding:8px 0 0!important;
  border-block:1px solid var(--ayg-surface-line)!important;
}
.single-post .ayg-ad-slot .ayg-ad-label{margin-bottom:6px!important}

/* Post-reading utilities share the same restrained editorial surface. */
.single-post .ayg-reactions,
.single-post .ayg-follow,
.single-post .ayg-author-box{
  margin-block:22px!important;
  padding:14px 16px!important;
  border-color:var(--ayg-surface-line)!important;
  background:var(--ayg-reader-soft)!important;
  box-shadow:none!important;
}
.single-post .ayg-author-box{grid-template-columns:50px minmax(0,1fr)!important;gap:10px!important}
.single-post .ayg-ab-avatar img{width:46px!important;height:46px!important}
.single-post .ayg-ab-bio{line-height:1.6!important}
.single-post .ayg-postnav{margin-top:22px!important}
.single-post .ayg-related,
.single-post .ayg-more-cat{
  max-width:min(100%,980px)!important;
  margin:26px auto 0!important;
  padding:18px 20px 8px!important;
  border-color:var(--ayg-surface-line)!important;
  border-top:3px solid var(--ayg-red)!important;
  box-shadow:none!important;
}

/* Touch-safe and uncluttered phone presentation. */
@media (max-width:680px){
  .single-post{--ayg-reader-measure:100%;--ayg-reader-media:100%}
  .single-post .ayg-article-content > p{margin-bottom:1.1em!important}
  body.single-post.ayg-lede .ayg-article-content > p:first-of-type{
    font-size:1.035em!important;
    line-height:1.72!important;
  }
  .single-post .ayg-article-content h2{
    font-size:1.3rem!important;
    margin-top:1.62em!important;
    padding-bottom:8px!important;
  }
  .single-post .ayg-article-content h3{font-size:1.13rem!important}
  .single-post .ayg-article-content :is(ul,ol){padding-inline-start:1.25em!important}
  .single-post .ayg-article-content :is(ul,ol) li{margin:.38em 0!important}
  .single-post .ayg-toc-list{grid-template-columns:1fr!important;padding:6px 13px!important}
  .single-post .ayg-toc-list li:nth-last-child(-n+2){border-bottom:1px solid var(--ayg-surface-line)!important}
  .single-post .ayg-toc-list li:last-child{border-bottom:0!important}
  .single-post .ayg-feat-cap-card{font-size:.72rem!important}
  .single-post .ayg-related,
  .single-post .ayg-more-cat{margin-inline:0!important;padding-inline:14px!important}
  .single-post .ayg-fav-float{inset-block-end:max(18px,env(safe-area-inset-bottom))!important}
}

html[data-theme="dark"] .single-post .ayg-toc,
html[data-theme="dark"] .single-post .ayg-table-wrap,
html[data-theme="dark"] .single-post .ayg-reactions,
html[data-theme="dark"] .single-post .ayg-follow,
html[data-theme="dark"] .single-post .ayg-author-box{background:var(--ayg-bg-alt)!important}
html[data-theme="dark"] .single-post .ayg-toc-head{background:rgba(255,255,255,.04)!important}
html[data-theme="dark"] .single-post .ayg-article-content thead th{background:#202632!important}

@media (prefers-reduced-motion:reduce){
  .single-post .ayg-related-cards .ayg-card,
  .single-post .ayg-related-cards .ayg-card-thumb img{transition:none!important;transform:none!important}
}


/* --- cache-resilient surface safeguards --- */
/* ===========================================================================
   اليمن الغد — Article Surface Reliability (13.7.1)
   Critical article refinements. Kept compact so it can be emitted inline as a
   fallback when CSS optimizers omit a separately enqueued article stylesheet.
   =========================================================================== */

.single-post{
  --ayg-surface-measure:min(var(--ayg-article-measure,760px),720px);
  --ayg-surface-media:min(var(--ayg-article-media,900px),820px);
}

/* Reading text is measured; the lead image is intentionally only slightly
   wider, preserving a clear connection between headline, image and prose. */
.single-post .ayg-article-content,
.single-post .ayg-article-footer,
.single-post .ayg-source-line,
.single-post .ayg-meta-below-hero,
.single-post .ayg-toc,
.single-post .ayg-author-box,
.single-post .ayg-postnav{
  max-width:var(--ayg-surface-measure)!important;
  margin-inline:auto!important;
}
.single-post .ayg-article-feature{
  width:100%!important;
  max-width:var(--ayg-surface-media)!important;
  margin:18px auto 12px!important;
}
.single-post .ayg-feat-media{
  border-radius:10px!important;
  background:var(--ayg-bg-alt)!important;
  box-shadow:0 8px 20px rgba(17,24,39,.055)!important;
}
.single-post .ayg-feat-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.single-post .ayg-feat-cap-card{
  max-width:var(--ayg-surface-media)!important;
  margin-inline:auto!important;
  padding:7px 2px 0!important;
  color:var(--ayg-muted)!important;
  font-size:.74rem!important;
  line-height:1.5!important;
}

/* The author is context, not a large interruption after the final paragraph. */
.single-post .ayg-author-box{
  min-height:0!important;
  margin:20px auto!important;
  padding:12px 14px!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:10px!important;
  border-color:var(--ayg-surface-line)!important;
  background:var(--ayg-reader-soft,var(--ayg-bg-alt))!important;
  box-shadow:none!important;
}
.single-post .ayg-author-box .ayg-ab-avatar img{width:42px!important;height:42px!important}
.single-post .ayg-author-box .ayg-ab-bio{line-height:1.55!important}
.single-post .ayg-author-box .ayg-ab-social{margin-top:7px!important;gap:6px!important}

/* Related content is a compact continuation of the reading session, not a
   second oversized landing page. */
.single-post .ayg-related,
.single-post .ayg-more-cat{
  max-width:min(100%,860px)!important;
  margin:24px auto 0!important;
  padding:16px 0 4px!important;
  border:0!important;
  border-top:2px solid var(--ayg-red)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.single-post .ayg-related .ayg-sec-head,
.single-post .ayg-more-cat .ayg-sec-head{margin-bottom:12px!important;padding-inline:0!important}
.single-post .ayg-related .ayg-sec-title,
.single-post .ayg-more-cat .ayg-sec-title{font-size:1.02rem!important;line-height:1.35!important}
.single-post .ayg-related-cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.single-post .ayg-related-cards .ayg-card{
  min-height:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.single-post .ayg-related-cards .ayg-card-thumb{border-radius:8px!important;overflow:hidden!important}
.single-post .ayg-related-cards .ayg-card-body{padding:8px 0 3px!important;gap:3px!important}
.single-post .ayg-related-cards .ayg-card-title{font-size:.88rem!important;line-height:1.47!important}
.single-post .ayg-related-cards .ayg-card-meta{margin-top:3px!important;padding-top:0!important;border:0!important;font-size:.7rem!important}

/* Never reserve visual space until an ad creative is explicitly filled. The
   iframe exception preserves non-AdSense custom ads that are already present. */
.single-post .ayg-ad-slot.ayg-ad-pending,
.single-post .ayg-ad-slot.is-empty,
.single-post .ayg-ad-slot:not(.is-filled):not(:has(iframe)):has(ins.adsbygoogle:not([data-ad-status="filled"])){
  display:none!important;
  min-height:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
.single-post .ayg-ad-slot.is-filled,
.single-post .ayg-ad-slot:has(iframe),
.single-post .ayg-ad-slot:has(ins[data-ad-status="filled"]){
  display:block!important;
  min-height:0!important;
  height:auto!important;
  margin:24px auto!important;
  padding:7px 0 0!important;
  border:0!important;
  border-block:1px solid var(--ayg-surface-line)!important;
  background:transparent!important;
}

@media (max-width:680px){
  .single-post{--ayg-surface-measure:100%;--ayg-surface-media:100%}
  .single-post .ayg-article-feature{margin-block:14px 10px!important}
  .single-post .ayg-feat-media{border-radius:8px!important}
  .single-post .ayg-author-box{margin-block:18px!important;padding:11px 12px!important}
  .single-post .ayg-related,
  .single-post .ayg-more-cat{margin-top:20px!important}
  .single-post .ayg-related-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .single-post .ayg-related-cards .ayg-card:nth-child(n+5){display:none!important}
  .single-post .ayg-related-cards .ayg-card-title{font-size:.82rem!important;line-height:1.46!important}
}

/* ===========================================================================
   13.7.2 — Desktop audit/widget visibility
   PageSpeed desktop is close to a 1350px viewport. The former 1360px one-column
   breakpoint hid the sidebar in that audit although a compact desktop rail fits
   safely. Mobile remains a single measured reading column.
   =========================================================================== */
@media (min-width:1200px){
  .single-post .ayg-main-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 260px!important;
    gap:28px!important;
    width:min(100% - 44px,1240px)!important;
    margin-inline:auto!important;
  }
  .single-post .ayg-sidebar{
    display:block!important;
    position:sticky!important;
    top:86px!important;
    align-self:start!important;
    max-height:calc(100vh - 108px)!important;
    overflow-y:auto!important;
  }
  .single-post .ayg-sidebar .ayg-widget{padding:14px!important;margin-bottom:16px!important}
  .single-post .ayg-sidebar .ayg-widget-title{font-size:.95rem!important;margin-bottom:10px!important;padding-bottom:8px!important}
  .single-post .ayg-sidebar .ayg-list-item{gap:9px!important;padding:9px 0!important}
  .single-post .ayg-sidebar .ayg-list-thumb{width:72px!important;height:52px!important}
  .single-post .ayg-sidebar .ayg-list-title{font-size:.79rem!important;line-height:1.42!important}
  .single-post .ayg-article-header{max-width:720px!important}
}

@media (max-width:1199px){
  .single-post .ayg-sidebar{display:none!important}
}

/* ==========================================================================
   13.9.1 — MOBILE RELATED STORIES
   The related grid was visually dense at phone widths: long Arabic headlines
   competed with small images across two narrow columns. Keep the same links
   and query, but present each story as one calm editorial row.
   ========================================================================== */
@media (max-width:680px){
  .single-post .ayg-related{
    max-width:none!important;
    margin:22px 0 0!important;
    padding:14px 0 2px!important;
    border-top:2px solid var(--ayg-red)!important;
  }
  .single-post .ayg-related .ayg-sec-head{
    min-height:32px!important;
    margin:0 0 5px!important;
    padding:0 0 9px!important;
    border-bottom:1px solid var(--ayg-surface-line)!important;
  }
  .single-post .ayg-related .ayg-sec-title{
    padding-inline-start:10px!important;
    border-inline-start:4px solid var(--ayg-red)!important;
    font-size:1.08rem!important;
    line-height:1.35!important;
  }
  .single-post .ayg-related-cards{display:block!important;margin:0!important}
  .single-post .ayg-related-cards .ayg-card{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    gap:12px!important;
    align-items:center!important;
    min-height:0!important;
    margin:0!important;
    padding:12px 0!important;
    border:0!important;
    border-bottom:1px solid var(--ayg-surface-line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .single-post .ayg-related-cards .ayg-card:last-child{border-bottom:0!important}
  .single-post .ayg-related-cards .ayg-card-thumb{
    grid-column:1!important;
    grid-row:1!important;
    width:104px!important;
    height:70px!important;
    margin:0!important;
    border-radius:7px!important;
    overflow:hidden!important;
  }
  .single-post .ayg-related-cards .ayg-card-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transform:none!important;
  }
  .single-post .ayg-related-cards .ayg-card-body{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    padding:0!important;
    gap:4px!important;
  }
  .single-post .ayg-related-cards .ayg-kicker,
  .single-post .ayg-related-cards .ayg-card-excerpt{display:none!important}
  .single-post .ayg-related-cards .ayg-card-title{
    margin:0!important;
    color:var(--ayg-ink)!important;
    font-size:.94rem!important;
    font-weight:700!important;
    line-height:1.48!important;
    -webkit-line-clamp:3!important;
  }
  .single-post .ayg-related-cards .ayg-card-meta{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    margin:1px 0 0!important;
    padding:0!important;
    border:0!important;
    color:var(--ayg-muted)!important;
    font-size:.71rem!important;
    line-height:1.35!important;
  }
}
@media (max-width:380px){
  .single-post .ayg-related-cards .ayg-card{grid-template-columns:92px minmax(0,1fr)!important;gap:10px!important}
  .single-post .ayg-related-cards .ayg-card-thumb{width:92px!important;height:64px!important}
  .single-post .ayg-related-cards .ayg-card-title{font-size:.89rem!important}
}

/* ===========================================================================
   14.0 — SINGLE ARTICLE LAYOUT CONTRACT
   One source of truth for article width, rail width and the post widgets.
   The old first-item "lead" widget has been removed in PHP; these rules make
   every sidebar story scan as the same calm editorial row.
   =========================================================================== */
.single-post .ayg-main-layout > .ayg-main{min-width:0!important}
@media (min-width:1200px){
  .single-post .ayg-main-layout{
    width:min(100% - 48px,1280px)!important;
    margin:24px auto 48px!important;
    padding:0!important;
    grid-template-columns:minmax(0,1fr) minmax(276px,296px)!important;
    gap:32px!important;
    align-items:start!important;
  }
  .single-post .ayg-sidebar{
    display:block!important;
    position:sticky!important;
    top:94px!important;
    align-self:start!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .single-post .ayg-sidebar .ayg-widget{
    margin:0 0 18px!important;
    padding:16px!important;
    border:1px solid var(--ayg-surface-line)!important;
    border-radius:10px!important;
    background:var(--ayg-paper)!important;
    box-shadow:none!important;
  }
  .single-post .ayg-sidebar .ayg-widget-title{
    margin:0 0 10px!important;
    padding:0 0 9px!important;
    border-bottom:1px solid var(--ayg-surface-line)!important;
    font-size:1rem!important;
    line-height:1.35!important;
  }
  .single-post .ayg-sidebar .ayg-wposts{gap:0!important}
  .single-post .ayg-sidebar .ayg-wpost{
    display:grid!important;
    grid-template-columns:94px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:center!important;
    min-height:0!important;
    margin:0!important;
    padding:12px 0!important;
    border:0!important;
    border-bottom:1px solid var(--ayg-surface-line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .single-post .ayg-sidebar .ayg-wpost:last-child{border-bottom:0!important}
  .single-post .ayg-sidebar .ayg-wpost-thumb{
    width:94px!important;
    height:64px!important;
    aspect-ratio:auto!important;
    border-radius:7px!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  .single-post .ayg-sidebar .ayg-wpost-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transform:none!important;
  }
  .single-post .ayg-sidebar .ayg-wpost-body{min-width:0!important}
  .single-post .ayg-sidebar .ayg-wpost-body h4{
    display:-webkit-box!important;
    margin:0!important;
    font-size:.9rem!important;
    font-weight:700!important;
    line-height:1.48!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .single-post .ayg-sidebar .ayg-wpost-date{
    display:block!important;
    margin-top:4px!important;
    color:var(--ayg-muted)!important;
    font-size:.7rem!important;
    font-weight:600!important;
  }
  .single-post .ayg-sidebar .ayg-wpost-date::before{display:none!important}
}
@media (min-width:681px) and (max-width:1199px){
  .single-post .ayg-main-layout{
    width:min(100% - 36px,860px)!important;
    margin:20px auto 42px!important;
    padding:0!important;
  }
}
@media (max-width:680px){
  .single-post .ayg-site-content{padding-inline:0!important}
  .single-post .ayg-main-layout{
    width:100%!important;
    margin:10px auto 30px!important;
    padding:0!important;
  }
  .single-post .ayg-article{margin-inline:0!important}
}

/* ===========================================================================
   14.0.1 — WHITE RELATED-NEWS SURFACE
   Related entity news should read as part of the article, not as a grey widget
   sitting beneath it. The source keeps only the three strongest matches per
   entity type; this surface gives those three rows a measured, quiet rhythm.
   =========================================================================== */
.single-post .ayg-faceted{
  margin:28px 0 0!important;
  padding:22px 24px!important;
  background:#fff!important;
  border-top:2px solid var(--ayg-red)!important;
  border-bottom:1px solid var(--ayg-surface-line)!important;
  gap:16px!important;
  clear:both!important;
}
.single-post .ayg-faceted-title{
  margin:0 0 4px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid var(--ayg-surface-line)!important;
  font-size:1.22rem!important;
  line-height:1.35!important;
}
.single-post .ayg-facet-group{
  padding:14px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.single-post .ayg-facet-head{
  margin:0 0 10px!important;
  padding-inline-start:10px!important;
  font-size:1rem!important;
  line-height:1.35!important;
}
.single-post .ayg-facet-items{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.single-post .ayg-facet-item{
  min-width:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.single-post .ayg-facet-item:hover{background:transparent!important}
.single-post .ayg-facet-thumb{
  flex:0 0 76px!important;
  width:76px!important;
  height:54px!important;
  aspect-ratio:auto!important;
  border-radius:7px!important;
}
.single-post .ayg-facet-title{
  font-size:.9rem!important;
  line-height:1.48!important;
  -webkit-line-clamp:3!important;
}
@media (max-width:680px){
  .single-post .ayg-faceted{
    margin:22px 0 0!important;
    padding:18px 16px!important;
    gap:14px!important;
  }
  .single-post .ayg-faceted-title{font-size:1.1rem!important}
  .single-post .ayg-facet-items{grid-template-columns:1fr!important;gap:0!important}
  .single-post .ayg-facet-item{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:11px!important;
    align-items:center!important;
    padding:11px 0!important;
    border-bottom:1px solid var(--ayg-surface-line)!important;
  }
  .single-post .ayg-facet-item:last-child{border-bottom:0!important}
  .single-post .ayg-facet-thumb{width:96px!important;height:64px!important}
  .single-post .ayg-facet-title{font-size:.94rem!important;-webkit-line-clamp:3!important}
}

/* ===========================================================================
   14.1 — ARTICLE CONTINUATION SURFACES
   Related stories, entity news and category follow-ups are part of the reading
   journey. They share the article's white paper surface and differ only by a
   concise editorial heading, not by competing grey cards or shadows.
   =========================================================================== */
.single-post .ayg-related,
.single-post .ayg-faceted,
.single-post .ayg-more-cat{
  width:100%!important;
  max-width:none!important;
  margin:24px 0 0!important;
  padding:24px!important;
  background:#fff!important;
  border:0!important;
  border-top:2px solid var(--ayg-red)!important;
  border-bottom:1px solid var(--ayg-surface-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.single-post .ayg-related .ayg-sec-head,
.single-post .ayg-more-cat .ayg-sec-head{
  min-height:0!important;
  margin:0 0 12px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid var(--ayg-surface-line)!important;
}
.single-post .ayg-related .ayg-sec-title,
.single-post .ayg-more-cat .ayg-sec-title{
  font-size:1.18rem!important;
  line-height:1.35!important;
}
.single-post .ayg-related-cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
.single-post .ayg-related-cards .ayg-card{
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.single-post .ayg-related-cards .ayg-card-thumb{border-radius:8px!important}
.single-post .ayg-related-cards .ayg-card-title{font-size:.98rem!important;line-height:1.48!important}
.single-post .ayg-related-cards .ayg-card-meta{border:0!important}
.single-post .ayg-more-cat .ayg-card,
.single-post .ayg-more-cat .ayg-list-item{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
@media (max-width:680px){
  .single-post .ayg-related,
  .single-post .ayg-faceted,
  .single-post .ayg-more-cat{
    margin:18px 0 0!important;
    padding:18px 16px!important;
  }
  .single-post .ayg-related .ayg-sec-head,
  .single-post .ayg-more-cat .ayg-sec-head{margin-bottom:4px!important}
  .single-post .ayg-related .ayg-sec-title,
  .single-post .ayg-more-cat .ayg-sec-title{font-size:1.08rem!important}
  .single-post .ayg-related-cards{display:block!important;margin:0!important}
  .single-post .ayg-related-cards .ayg-card{padding:12px 0!important}
}

/* Dark mode preserves contrast without creating a second visual language. */
html[data-theme="dark"] .single-post .ayg-related,
html[data-theme="dark"] .single-post .ayg-faceted,
html[data-theme="dark"] .single-post .ayg-more-cat{background:var(--ayg-bg-alt)!important}