/* Article language: semantic HTML, no inline colours; inherits the site appearance. */
.article-body { font-family:var(--font-body); font-size:21px; line-height:2.05; color:var(--ink); overflow-wrap:anywhere; }
.article-head,.article-body { max-width:860px; margin-inline:auto; padding-inline:clamp(20px,3vw,48px); }
.article-head .article-title { line-height:1.65; font-size:clamp(30px,3.2vw,44px); padding-block:8px; color:var(--ink); }
.article-body :is(h2,h3,h4) { line-height:1.8; color:var(--ink); scroll-margin-top:210px; }
.article-body h2 { margin-top:1.8em; padding-bottom:.3em; border-bottom:1px solid var(--border); }
.article-head { border-color:var(--border); }
.article-byline .kicker,html[data-theme="dark"] .article-byline .kicker { background:var(--brand-action); color:var(--brand-action-ink); }
.export-pdf-btn,html[data-theme="dark"] .export-pdf-btn { background:var(--brand-action); color:var(--brand-action-ink); }
.export-pdf-btn { position:static; display:block; margin:20px clamp(16px,3vw,60px); }
.article-body p { margin-block:0 1.1em; }
.article-body :is(blockquote,.refs) { background:var(--brand-panel); color:var(--ink); border-inline-start:3px solid var(--brand-gold); border-radius:0 8px 8px 0; padding:18px 24px; margin-block:26px; }
.article-body blockquote p:last-child { margin-bottom:0; }
.article-body blockquote cite { display:block; font:400 14px/1.9 var(--font-ui); color:var(--mu-gold); font-style:normal; margin-top:12px; }
.article-body a { color:var(--mu-green); text-underline-offset:4px; }
.article-body :is(.kg-image-card,.kg-gallery-card) { margin-block:28px; }
.article-body figcaption { color:var(--muted); text-align:center; font:400 14px/1.9 var(--font-ui); }
.article-body :is(.kg-width-wide,.kg-width-full) { max-width:100%; margin-inline:0; }
.mu-editorial { direction:rtl; color:var(--ink); }
.mu-editorial .mu-lead { font-size:1.15em; line-height:2; color:var(--ink); border-bottom:1px solid var(--border); padding-bottom:24px; }
.mu-editorial .mu-abstract { padding:20px 24px; background:var(--brand-panel); border:1px solid var(--border); border-radius:8px; margin-block:24px; }
.mu-editorial .mu-label { font:600 13px/1.9 var(--font-ui); color:var(--mu-gold); display:block; margin-bottom:8px; }
.mu-editorial .mu-abstract p:last-child { margin-bottom:0; }
.mu-editorial .mu-toc { padding:20px 24px; border-block:1px solid var(--border); margin-block:28px; font:400 16px/2 var(--font-ui); }
.mu-editorial .mu-toc ol { margin-block:10px 0; padding-inline-start:24px; }
.mu-editorial .mu-source { display:block; font:400 14px/2 var(--font-ui); color:var(--muted); }
.mu-editorial .mu-table-scroll { max-width:100%; overflow-x:auto; margin-block:24px; }
.mu-editorial table { width:100%; border-collapse:collapse; font-size:18px; background:var(--card); }
.mu-editorial caption { text-align:right; color:var(--mu-gold); font:600 14px/2 var(--font-ui); margin-bottom:10px; }
.mu-editorial :is(th,td) { padding:12px 14px; border:1px solid var(--border); vertical-align:top; }
.mu-editorial th { background:var(--brand-panel); text-align:right; color:var(--ink); }
.mu-editorial .mu-conclusion { border-block:2px solid var(--brand-gold); padding-block:20px; margin-block:32px; }
.mu-editorial .mu-notes { border-top:1px solid var(--border); margin-top:36px; padding-top:18px; color:var(--muted); font-size:17px; }
.mu-editorial :is([id],sup) { scroll-margin-top:210px; }
.mu-editorial .mu-notes li { padding-block:7px; }
.mu-editorial sup { font:600 12px/1 var(--font-ui); }
.mu-editorial .mu-note-back { font:400 13px/1.8 var(--font-ui); }
.mu-editorial .mu-transcription { white-space:normal; font-family:var(--font-body); }
.mu-editorial :is(pre,code) { direction:ltr; text-align:left; }
@media (max-width:768px) {
  .article-body { font-size:20px; line-height:2; }
  .article-head .article-title { font-size:30px; }
  .article-head,.article-body { padding-inline:20px; }
  .mu-editorial :is(.mu-abstract,.mu-toc),.article-body blockquote { padding:16px; }
  .mu-editorial :is(h2,h3,[id]),.article-body :is(h2,h3,h4) { scroll-margin-top:185px; }
}
@media print {
  .article-head,.article-body { max-width:none; padding-inline:0; }
  .article-body { font-size:13pt; }
  .mu-editorial :is(.mu-abstract,.mu-conclusion,blockquote,figure) { break-inside:avoid; }
  .mu-editorial .mu-toc { display:none; }
}

/* Existing Muawiyah article cards inherit the same surfaces. */
.mu-article,html[data-theme="dark"] .mu-article { --mu-bg:var(--paper); --mu-paper:var(--card); --mu-text:var(--ink); --mu-muted:var(--muted); --mu-border:var(--border); }