/* Research articles other than Reem (class-xis-article.php): the approved article design's reading column carries the
   article's own WordPress text. These rules only cover what that text contains beyond the Reem design (numbered lists,
   fourth-level headings, separators, images, videos, quotes with several paragraphs), in the design's own colours,
   type and spacing. Scoped to .xart, so the Reem article is untouched. PROPOSED, for N's visual approval. */
.xis .xart strong, .xis .xart b { color: var(--ivory); font-weight: 500; }
.xis .xart h3 { display: block; }
.xis .xart h4 { margin-top: 28px; font: 500 11px/1.6 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--sand); }
.xis .xart h4 + * { margin-top: 10px; }
.xis .xart .dots { margin-top: 14px; }
.xis .xart li > .dots, .xis .xart li > .nums { margin-top: 10px; }
.xis .xart .nums { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 10px; counter-reset: n; }
.xis .xart .nums > li { position: relative; padding-left: 34px; counter-increment: n; }
.xis .xart .nums > li::before { content: counter(n, decimal-leading-zero); position: absolute; left: 0; top: .35em; font: 500 11px/1.6 var(--font-mono); letter-spacing: .12em; color: var(--sand); }
.xis .xart hr { border: 0; border-top: 1px solid var(--line); margin-block: 40px; }
.xis .xart blockquote.ask { margin-inline: 0; }
.xis .xart blockquote.ask p { margin: 0; }
.xis .xart blockquote.ask p + p { margin-top: 10px; }
.xis .xart blockquote.ask cite { display: block; margin-top: 10px; font: 500 11px var(--font-mono); letter-spacing: .14em; text-transform: uppercase; font-style: normal; color: var(--mist); }
.xis .xart .aimg { margin: 32px 0; }
.xis .xart .aimg img { display: block; width: 100%; height: auto; border-radius: var(--radius-panel); background: var(--night-2); }
.xis .xart .aimg figcaption { margin-top: 10px; font-size: 13px; color: var(--mist); }
.xis .xart .vid { position: relative; aspect-ratio: 16 / 9; border-radius: var(--radius-panel); overflow: hidden; background: var(--night-2); margin-block: 32px; }
.xis .xart .vid iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.xis .xart .tbl td:first-child { color: var(--text-2); }
.xis .xart .tbl thead th { padding-right: 16px; }
.xis .xart .tbl td { padding-right: 16px; }