/* article-styles/occult.css — split from public-article.css (2026-07-20).
 * Loaded per-article via a server-rendered <link> when
 * src/lib/blog/article-style-chunks.ts resolves the "occult" chunk.
 * Served raw from /public (no build step) — this file IS the source of
 * truth. Cascade: loads AFTER public-core.css + public-article.css in
 * document order. Source order preserves the original monolith order —
 * do not re-sort. New rules for this collection belong here. */


/* ══════════════════════════════════════════════════════════════════════
   THE OCCULT, HONESTLY — magazine-occult-noir reading plate.
   Bespoke theme for "Before Blavatsky" (slug: before-blavatsky-occult-world)
   and future parts of the series. Originally a dark plate (same idiom as
   magazine-vedic-noir); flipped to a light parchment plate (2026-07),
   keeping the article's cool tide/amber/violet vocabulary and its rich
   evidence-graded components (keybox, evidence grades, method cards, timeline,
   static checklist, source list). All rules gated behind
   .article-themed[data-theme="magazine-occult-noir"] .ps-article-body so no
   other essay is touched; components are `oh-` prefixed to avoid clashes.
   The article's own <style>/<script>/<input> are stripped by the body
   sanitizer, so all styling lives here and the checklist is static.
   ══════════════════════════════════════════════════════════════════════ */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body {
  /* Originally a dark noir plate; flipped to a light parchment palette
     (2026-07) after reader feedback that the dark articles read as
     broken against the light site chrome. Accents deepened for
     contrast on light paper; component structure unchanged. */
  --oh-bg: #fbf9f3; --oh-panel: #f2eee2; --oh-panel-2: #ebe6d6;
  --oh-ink: #15181a; --oh-ink-soft: #3a3c3e; --oh-ink-mute: #5d5c53;
  --oh-line: #e2dcca; --oh-line-soft: #eae4d4;
  --oh-tide: #2c7c8a; --oh-tide-deep: #1e5d68; --oh-cedar: #4f7a4a;
  --oh-amber: #a3711b; --oh-amber-2: #8a5f14; --oh-red: #b04a3a; --oh-violet: #6f5a9e;
  background: transparent; color: var(--oh-ink-soft);
  padding: 0; border-radius: 0; border: 0;
  box-shadow: none;
}
@media (max-width: 620px) {
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body { padding: 0; }
}
/* ── base type ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body p { color: var(--oh-ink-soft); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body h2 {
  font-family: var(--serif); font-weight: 600; font-size: 31px; line-height: 1.18;
  letter-spacing: -.012em; margin: 40px 0 12px; color: var(--oh-ink); position: relative;
}
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body h2::before { content: none; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body h3 {
  font-family: var(--serif); font-weight: 600; font-size: 21px; margin: 34px 0 13px;
  letter-spacing: -.005em; color: var(--oh-ink);
}
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body strong { color: var(--oh-ink); font-weight: 600; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body em { color: var(--oh-ink); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body a { color: var(--oh-tide); border-bottom: 1px solid rgba(44,124,138,.35); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body a:hover { color: var(--oh-tide); border-color: var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body hr { border-top-color: var(--oh-line); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body p:first-of-type::first-letter {
  float: none; font-size: inherit; line-height: inherit; padding: 0; margin: 0; color: inherit; font-weight: inherit;
}
/* ── kicker (series eyebrow) ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-kicker {
  font-family: var(--mono); font-size: 12px; letter-spacing: .15em; text-transform: uppercase;
  color: var(--oh-tide); font-weight: 600; margin: 0 0 24px;
}
/* ── fact-check banner ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-factcheck {
  margin: 0 0 30px; padding: 14px 18px; background: var(--oh-panel);
  border-left: 3px solid var(--oh-cedar); border-radius: 0 8px 8px 0;
  font-size: 14.5px; color: var(--oh-ink-soft);
}
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-factcheck b { color: var(--oh-cedar); font-weight: 600; }
/* ── lead + drop cap ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-lead { font-size: 20px; line-height: 1.62; color: var(--oh-ink); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-lead::first-letter {
  float: left; font-family: var(--serif); font-weight: 600; font-size: 66px; line-height: .82;
  padding: 8px 12px 0 0; color: var(--oh-tide);
}
/* ── section head + index ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-section {
  margin: 56px 0 6px; padding-top: 30px; border-top: 1px solid var(--oh-line-soft);
}
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-index {
  display: block; font-family: var(--serif); font-style: italic; font-size: 15px;
  color: var(--oh-tide); margin-bottom: 8px; letter-spacing: .02em;
}
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-section h2 { margin: 0; }
/* Narrative-section headings (e.g. "What Blavatsky made possible") sit
   directly above their opening paragraph; give the heading room to read as
   a heading rather than glue it to the body copy. Only matches the section-
   intro sections — Stream sections are followed by an .oh-stream label. */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-section + p { margin-top: 15px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-stream {
  display: inline-block; font-family: var(--mono); font-size: 12px; letter-spacing: .11em;
  text-transform: uppercase; color: var(--oh-violet); font-weight: 600; margin: 2px 0 14px;
}
/* ── pull quote ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-pull {
  margin: 38px 0; padding: 4px 0 4px 24px; border-left: 3px solid var(--oh-tide-deep);
  font-family: var(--serif); font-size: 21px; line-height: 1.42; font-style: italic; color: var(--oh-ink);
}
/* ── beat (verse lines) ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-beat { margin: 22px 0; color: var(--oh-ink-soft); font-style: italic; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-beat span { display: block; margin: 2px 0; }
/* ── keybox ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-keybox {
  margin: 26px 0; padding: 20px 22px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 10px;
}
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-kb-label {
  font-family: var(--sans); font-size: 12px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--oh-tide); font-weight: 600; margin-bottom: 12px;
}
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-keybox ul { margin: 0; padding: 0; list-style: none; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-keybox li {
  position: relative; padding-left: 22px; margin: 9px 0; color: var(--oh-ink-soft); font-size: 16px;
}
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-keybox li::before { content: "\2192"; position: absolute; left: 0; color: var(--oh-tide); font-weight: 600; }
/* ── evidence status row + grades ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-evidence {
  margin: 18px 0 6px; padding: 13px 16px; background: var(--oh-panel-2); border: 1px solid var(--oh-line);
  border-radius: 8px; font-size: 14.5px; color: var(--oh-ink-soft);
}
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-evidence b { color: var(--oh-ink); font-weight: 600; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-grade {
  display: inline-block; font-family: var(--mono); font-size: 11.5px; letter-spacing: .07em; text-transform: uppercase;
  font-weight: 600; padding: 2px 8px; border-radius: 4px; margin-right: 6px; vertical-align: 1px;
}
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-grade.strong { background: color-mix(in srgb, var(--oh-cedar) 15%, transparent); color: var(--oh-cedar); border: 1px solid color-mix(in srgb, var(--oh-cedar) 32%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-grade.disputed { background: color-mix(in srgb, var(--oh-red) 13%, transparent); color: var(--oh-red); border: 1px solid color-mix(in srgb, var(--oh-red) 32%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-grade.interp { background: color-mix(in srgb, var(--oh-amber-2) 13%, transparent); color: var(--oh-amber-2); border: 1px solid color-mix(in srgb, var(--oh-amber-2) 32%, transparent); }
/* ── callouts ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-callout { margin: 28px 0; padding: 18px 20px; border-radius: 10px; font-size: 16px; line-height: 1.6; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-co-label { font-family: var(--mono); font-weight: 600; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 8px; display: block; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-callout.note { background: var(--oh-panel); border: 1px solid var(--oh-line); color: var(--oh-ink-soft); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-callout.note .oh-co-label { color: var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-callout.warn { background: color-mix(in srgb, var(--oh-amber-2) 8%, transparent); border: 1px solid color-mix(in srgb, var(--oh-amber-2) 30%, transparent); color: var(--oh-ink-soft); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-callout.warn .oh-co-label { color: var(--oh-amber-2); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-callout.flag { background: color-mix(in srgb, var(--oh-red) 8%, transparent); border: 1px solid color-mix(in srgb, var(--oh-red) 30%, transparent); color: var(--oh-ink-soft); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-callout.flag .oh-co-label { color: var(--oh-red); }
/* ── method cards ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-methodgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 26px 0; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-method { padding: 16px 18px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-m-name { font-family: var(--serif); font-size: 18px; font-weight: 600; margin-bottom: 6px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-method.claim .oh-m-name { color: var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-method.evi .oh-m-name { color: var(--oh-cedar); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-method.disp .oh-m-name { color: var(--oh-red); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-method.after .oh-m-name { color: var(--oh-violet); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-method p { margin: 0; font-size: 15.5px; color: var(--oh-ink-soft); line-height: 1.55; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-m-eg { margin-top: 8px; font-size: 14px; color: var(--oh-ink-mute); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-m-eg b { color: var(--oh-ink-soft); font-weight: 500; }
/* ── timeline ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-timeline { margin: 24px 0; padding: 0; list-style: none; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-timeline li { position: relative; padding: 0 0 16px 26px; border-left: 1px solid var(--oh-line); margin-left: 6px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-timeline li:last-child { border-left: 1px solid transparent; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-timeline li::before { content: ""; position: absolute; left: -5px; top: 6px; width: 9px; height: 9px; border-radius: 50%; background: var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-t-date { font-family: var(--serif); font-style: italic; color: var(--oh-tide); font-size: 15px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-t-body { color: var(--oh-ink-soft); font-size: 15px; }
/* ── checklist (static — inputs stripped by sanitizer) ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-checklist { margin: 30px 0; padding: 22px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 12px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cl-title { font-family: var(--serif); font-size: 20px; font-weight: 600; color: var(--oh-ink); margin: 0 0 4px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cl-sub { font-size: 13px; color: var(--oh-ink-mute); margin: 0 0 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-checklist ul { margin: 0; padding: 0; list-style: none; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-checklist li {
  position: relative; padding: 11px 0 11px 34px; border-top: 1px solid var(--oh-line-soft);
  font-size: 16px; color: var(--oh-ink-soft);
}
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-checklist li:first-child { border-top: none; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-checklist li::before {
  content: ""; position: absolute; left: 0; top: 13px; width: 20px; height: 20px;
  border: 1.6px solid var(--oh-tide-deep); border-radius: 5px; background: transparent;
}
/* ── resources ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-resources { margin: 30px 0; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-res-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-res-card { padding: 16px 18px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-rc-name { font-weight: 600; color: var(--oh-ink); font-size: 15.5px; margin-bottom: 4px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-rc-desc { font-size: 14.5px; color: var(--oh-ink-soft); line-height: 1.5; }
/* ── sources ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-sources { margin: 44px 0 20px; padding-top: 26px; border-top: 1px solid var(--oh-line); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-sources h3 { font-family: var(--serif); font-size: 20px; font-weight: 600; margin: 0 0 16px; color: var(--oh-ink); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-sources ol { margin: 0; padding-left: 22px; font-size: 15px; color: var(--oh-ink-soft); line-height: 1.6; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-sources li { margin: 9px 0; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-src-grade {
  display: inline-block; font-family: var(--mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase;
  font-weight: 600; padding: 2px 7px; border-radius: 3px; margin-left: 6px;
  background: color-mix(in srgb, var(--oh-tide) 11%, transparent); color: var(--oh-tide); border: 1px solid color-mix(in srgb, var(--oh-tide) 27%, transparent);
}
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-reviewed { font-size: 13px; color: var(--oh-ink-mute); margin: 18px 0 0; font-style: italic; }
/* ── next cards ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-nextcards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 30px 0 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-nextcard { display: block; padding: 18px 20px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-nextcard:hover { border-color: var(--oh-tide-deep); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-nc-kick { font-family: var(--mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--oh-tide); font-weight: 600; margin-bottom: 6px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-nc-title { font-family: var(--serif); font-size: 17px; font-weight: 600; color: var(--oh-ink); line-height: 1.25; }
/* ── citation superscripts: 70+ [n] markers per essay inherited the full
   link underline-border, stippling the most heavily-sourced paragraphs.
   Keep them findable by color, drop the underline nub. ── */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body sup a {
  border-bottom: none; font-size: .68em; font-weight: 600; padding: 0 1px;
}
/* ── responsive: single-column grids + display type step-down ── */
@media (max-width: 620px) {
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-methodgrid,
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-res-grid,
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-nextcards { grid-template-columns: 1fr; }
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-lead::first-letter {
    font-size: 48px; padding: 5px 9px 0 0; }
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body h2 { font-size: 27px; }
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-pull { font-size: 19px; }
}
/* ── no-cover plate hero fallback (matches the vedic-noir vault) ── */
.public-shell .ps-article-art--occult-noir {
  background: radial-gradient(circle at 50% 44%, #14202a 0%, #101820 52%, #0a0d10 100%);
}

/* ══ occult-noir · Parts 2 & 3 additional components ══════════════════
   ceda/cd claim-evidence-dispute-afterlife cards, evmap evidence map,
   sourcenote, pillars, the numbered root-race ladder, plus the pull.warn
   and section.danger modifiers. Same theme, same oh- namespace. ══ */
/* claim/evidence/dispute/afterlife card grid */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-ceda { margin: 24px 0 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cd { padding: 15px 17px; border-radius: 10px; background: var(--oh-panel); border: 1px solid var(--oh-line); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cd p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--oh-ink-soft); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cd-label { font-family: var(--mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; margin-bottom: 7px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cd.claim { border-left: 3px solid var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cd.claim .oh-cd-label { color: var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cd.evi { border-left: 3px solid var(--oh-cedar); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cd.evi .oh-cd-label { color: var(--oh-cedar); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cd.disp { border-left: 3px solid var(--oh-red); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cd.disp .oh-cd-label { color: var(--oh-red); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cd.after { border-left: 3px solid var(--oh-violet); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cd.after .oh-cd-label { color: var(--oh-violet); }
/* evidence map (stacked graded rows) */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-evmap { margin: 24px 0; display: flex; flex-direction: column; gap: 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em { padding: 14px 16px; border-radius: 9px; background: var(--oh-panel); border: 1px solid var(--oh-line); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em p { margin: 0; font-size: 15.5px; color: var(--oh-ink-soft); line-height: 1.55; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em-grade { display: inline-block; font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; padding: 2px 8px; border-radius: 4px; margin-bottom: 8px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-strong .oh-em-grade { background: color-mix(in srgb, var(--oh-cedar) 15%, transparent); color: var(--oh-cedar); border: 1px solid color-mix(in srgb, var(--oh-cedar) 32%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-interp .oh-em-grade { background: color-mix(in srgb, var(--oh-amber-2) 13%, transparent); color: var(--oh-amber-2); border: 1px solid color-mix(in srgb, var(--oh-amber-2) 32%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-claim .oh-em-grade { background: color-mix(in srgb, var(--oh-tide) 11%, transparent); color: var(--oh-tide); border: 1px solid color-mix(in srgb, var(--oh-tide) 27%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-disp .oh-em-grade { background: color-mix(in srgb, var(--oh-red) 13%, transparent); color: var(--oh-red); border: 1px solid color-mix(in srgb, var(--oh-red) 32%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-method .oh-em-grade { background: color-mix(in srgb, var(--oh-violet) 13%, transparent); color: var(--oh-violet); border: 1px solid color-mix(in srgb, var(--oh-violet) 32%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-ethics { border-left: 3px solid var(--oh-red); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-ethics .oh-em-grade { background: color-mix(in srgb, var(--oh-red) 13%, transparent); color: var(--oh-red); border: 1px solid color-mix(in srgb, var(--oh-red) 32%, transparent); }
/* source note */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-sourcenote { margin: 20px 0 0; padding: 16px 18px; background: var(--oh-panel-2); border: 1px solid var(--oh-line); border-radius: 9px; font-size: 14.5px; color: var(--oh-ink-soft); line-height: 1.6; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-sourcenote b { color: var(--oh-ink-soft); font-weight: 600; }
/* the three pillars */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-pillars { margin: 24px 0; display: grid; grid-template-columns: 1fr; gap: 12px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-pillar { padding: 18px 20px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-left: 3px solid var(--oh-tide-deep); border-radius: 0 10px 10px 0; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-p-num { font-family: var(--serif); font-style: italic; font-size: 14px; color: var(--oh-tide); margin-bottom: 4px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-p-name { font-family: var(--serif); font-size: 20px; font-weight: 600; margin-bottom: 6px; color: var(--oh-ink); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-pillar p { margin: 0; font-size: 15px; color: var(--oh-ink-soft); line-height: 1.55; }
/* numbered ladder (root races) */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-ladder { margin: 24px 0; list-style: none; padding: 0; counter-reset: rr; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-ladder li { position: relative; padding: 13px 16px 13px 52px; margin: 8px 0; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 9px; color: var(--oh-ink-soft); font-size: 15px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-ladder li::before { counter-increment: rr; content: counter(rr); position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; border-radius: 50%; background: var(--oh-panel-2); border: 1px solid var(--oh-line); color: var(--oh-tide); font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-ladder li b { color: var(--oh-ink); font-weight: 600; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-ladder li.flagged { border-color: color-mix(in srgb, var(--oh-red) 37%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-ladder li.flagged::before { color: var(--oh-red); border-color: color-mix(in srgb, var(--oh-red) 42%, transparent); }
/* modifiers: warn pull-quote + danger section */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-pull.warn { border-left-color: var(--oh-red); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-section.danger { border-top-color: color-mix(in srgb, var(--oh-red) 42%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-section.danger .oh-index { color: var(--oh-red); }
@media (max-width: 620px) {
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-ceda { grid-template-columns: 1fr; }
}

/* ══ occult-noir · Parts 4 & 5 additional components ══════════════════
   stats row, two-case comparison, defense cards, textual-evidence block,
   honest-formulation box, and extra evidence-map grade variants. ══ */
/* stat row */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-stats { margin: 24px 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-stat { padding: 18px 16px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 10px; text-align: center; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-s-num { font-family: var(--serif); font-weight: 600; font-size: 34px; line-height: 1; color: var(--oh-tide); letter-spacing: -.01em; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-s-lab { font-size: 12.5px; color: var(--oh-ink-mute); margin-top: 8px; line-height: 1.4; }
/* two-case comparison */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-twocase { margin: 24px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-case { padding: 17px 19px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-c-tag { font-family: var(--mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; margin-bottom: 8px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-case.a { border-top: 3px solid var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-case.a .oh-c-tag { color: var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-case.b { border-top: 3px solid var(--oh-amber-2); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-case.b .oh-c-tag { color: var(--oh-amber-2); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-c-name { font-family: var(--serif); font-size: 18px; font-weight: 600; margin-bottom: 8px; color: var(--oh-ink); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-case ul { margin: 0; padding-left: 18px; font-size: 14px; color: var(--oh-ink-soft); line-height: 1.5; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-case li { margin: 5px 0; }
/* defense cards */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-defense { margin: 16px 0; padding: 16px 18px; background: var(--oh-panel-2); border: 1px solid var(--oh-line); border-radius: 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-d-head { font-weight: 600; color: var(--oh-ink); font-size: 16px; margin-bottom: 6px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-d-verdict { display: inline-block; font-family: var(--mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; font-weight: 600; padding: 2px 8px; border-radius: 4px; margin-left: 8px; vertical-align: 1px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-d-verdict.true { background: color-mix(in srgb, var(--oh-cedar) 15%, transparent); color: var(--oh-cedar); border: 1px solid color-mix(in srgb, var(--oh-cedar) 32%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-d-verdict.partial { background: color-mix(in srgb, var(--oh-amber-2) 13%, transparent); color: var(--oh-amber-2); border: 1px solid color-mix(in srgb, var(--oh-amber-2) 32%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-defense p { margin: 0; font-size: 15px; color: var(--oh-ink-soft); line-height: 1.55; }
/* textual-evidence block (page-cited quotes) */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-textev { margin: 24px 0; padding: 20px 22px; background: var(--oh-panel-2); border: 1px solid var(--oh-line); border-left: 3px solid var(--oh-red); border-radius: 0 10px 10px 0; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-te-label { font-family: var(--mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--oh-red); font-weight: 600; margin-bottom: 14px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-te-row { padding: 10px 0; border-top: 1px solid var(--oh-line-soft); font-size: 15.5px; color: var(--oh-ink-soft); line-height: 1.55; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-te-row:first-of-type { border-top: none; padding-top: 0; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-te-cite { display: block; font-size: 12.5px; color: var(--oh-ink-mute); margin-top: 3px; font-style: italic; }
/* honest-formulation box */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-formulation { margin: 28px 0; padding: 20px 22px; background: color-mix(in srgb, var(--oh-cedar) 8%, transparent); border: 1px solid color-mix(in srgb, var(--oh-cedar) 30%, transparent); border-radius: 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-f-label { font-family: var(--mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--oh-cedar); font-weight: 600; margin-bottom: 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-formulation p { margin: 0; font-size: 16px; color: var(--oh-ink); line-height: 1.6; }
/* extra evidence-map grade variants (check/sep/nuance/false) + lists in cells */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-check .oh-em-grade { background: color-mix(in srgb, var(--oh-amber-2) 13%, transparent); color: var(--oh-amber-2); border: 1px solid color-mix(in srgb, var(--oh-amber-2) 32%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-sep .oh-em-grade { background: color-mix(in srgb, var(--oh-tide) 11%, transparent); color: var(--oh-tide); border: 1px solid color-mix(in srgb, var(--oh-tide) 27%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-nuance .oh-em-grade { background: color-mix(in srgb, var(--oh-amber-2) 13%, transparent); color: var(--oh-amber-2); border: 1px solid color-mix(in srgb, var(--oh-amber-2) 32%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-false { border-left: 3px solid var(--oh-red); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-false .oh-em-grade { background: color-mix(in srgb, var(--oh-red) 13%, transparent); color: var(--oh-red); border: 1px solid color-mix(in srgb, var(--oh-red) 32%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em ul { margin: 6px 0 0; padding-left: 20px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em li { margin: 3px 0; }
@media (max-width: 620px) {
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-stats,
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-twocase { grid-template-columns: 1fr; }
}

/* ══ occult-noir · Parts 6 & 7 additional components ══════════════════
   three-explanation block, manuscript-evidence box, voyage timeline,
   gift/imposition two-edge, act-close banner, extra evmap grades. ══ */
/* three-explanation block (traditional / skeptical / middle) */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-threeway { margin: 26px 0; display: grid; grid-template-columns: 1fr; gap: 12px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-expl { padding: 17px 19px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-x-tag { font-family: var(--mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; margin-bottom: 6px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-expl.trad { border-left: 3px solid var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-expl.trad .oh-x-tag { color: var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-expl.skep { border-left: 3px solid var(--oh-red); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-expl.skep .oh-x-tag { color: var(--oh-red); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-expl.mid { border-left: 3px solid var(--oh-amber-2); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-expl.mid .oh-x-tag { color: var(--oh-amber-2); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-x-name { font-family: var(--serif); font-size: 19px; font-weight: 600; margin-bottom: 6px; color: var(--oh-ink); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-expl p { margin: 0; font-size: 15px; color: var(--oh-ink-soft); line-height: 1.55; }
/* manuscript-evidence box */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-msbox { margin: 24px 0; padding: 18px 20px; background: var(--oh-panel-2); border: 1px solid var(--oh-line); border-left: 3px solid var(--oh-cedar); border-radius: 0 10px 10px 0; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-ms-label { font-family: var(--mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--oh-cedar); font-weight: 600; margin-bottom: 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-msbox p { margin: 0; font-size: 15px; color: var(--oh-ink-soft); line-height: 1.55; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-ms-ids { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-ms-id { font-family: var(--serif); font-size: 14px; color: var(--oh-ink); background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 6px; padding: 5px 11px; }
/* voyage timeline */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-voyage { margin: 24px 0; padding: 20px 22px 8px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-v-label { font-family: var(--mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--oh-tide); font-weight: 600; margin-bottom: 16px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-voyage ul { margin: 0; padding: 0; list-style: none; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-voyage li { position: relative; padding: 0 0 16px 24px; border-left: 1px solid var(--oh-line); margin-left: 4px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-voyage li:last-child { border-left: 1px solid transparent; padding-bottom: 4px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-voyage li::before { content: ""; position: absolute; left: -5px; top: 5px; width: 9px; height: 9px; border-radius: 50%; background: var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-voyage li.stop::before { background: var(--oh-amber-2); width: 11px; height: 11px; left: -6px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-v-place { font-family: var(--serif); font-weight: 600; color: var(--oh-ink); font-size: 16px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-v-date { font-family: var(--serif); font-style: italic; color: var(--oh-tide); font-size: 14px; margin-left: 6px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-v-note { display: block; color: var(--oh-ink-mute); font-size: 14px; margin-top: 2px; }
/* gift / imposition two-edge */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-twoedge { margin: 24px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-edge { padding: 17px 19px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-e-tag { font-family: var(--mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; margin-bottom: 8px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-edge.gift { border-top: 3px solid var(--oh-cedar); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-edge.gift .oh-e-tag { color: var(--oh-cedar); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-edge.imp { border-top: 3px solid var(--oh-red); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-edge.imp .oh-e-tag { color: var(--oh-red); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-edge ul { margin: 0; padding-left: 18px; font-size: 14.5px; color: var(--oh-ink-soft); line-height: 1.5; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-edge li { margin: 5px 0; }
/* act-close banner */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-actclose { margin: 40px 0 10px; padding: 24px; background: linear-gradient(180deg, var(--oh-panel), var(--oh-panel-2)); border: 1px solid var(--oh-line); border-radius: 12px; text-align: center; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-ac-kick { font-family: var(--mono); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--oh-amber-2); font-weight: 600; margin-bottom: 8px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-ac-title { font-family: var(--serif); font-size: 22px; font-weight: 600; color: var(--oh-ink); margin-bottom: 6px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-actclose p { margin: 0; font-size: 14.5px; color: var(--oh-ink-mute); }
/* extra evmap grades (hypothesis / structural) */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-hyp .oh-em-grade { background: color-mix(in srgb, var(--oh-amber-2) 13%, transparent); color: var(--oh-amber-2); border: 1px solid color-mix(in srgb, var(--oh-amber-2) 32%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-struct { border-left: 3px solid var(--oh-violet); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-struct .oh-em-grade { background: color-mix(in srgb, var(--oh-violet) 13%, transparent); color: var(--oh-violet); border: 1px solid color-mix(in srgb, var(--oh-violet) 32%, transparent); }
@media (max-width: 620px) {
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-twoedge { grid-template-columns: 1fr; }
}

/* ══ occult-noir · Part 8 additional components ═══════════════════════
   creed (the noble sentence), schism family tree, authority-forms table,
   and the g-word "needs careful wording" evmap grade. ══ */
/* creed */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-creed { margin: 26px 0; padding: 22px 24px; background: linear-gradient(180deg, var(--oh-panel), var(--oh-panel-2)); border: 1px solid var(--oh-line); border-left: 3px solid var(--oh-cedar); border-radius: 0 12px 12px 0; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cr-text { font-family: var(--serif); font-size: 21px; font-style: italic; line-height: 1.4; color: var(--oh-ink); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-cr-src { font-size: 13px; color: var(--oh-ink-mute); margin-top: 10px; }
/* schism family tree */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-tree { margin: 26px 0; padding: 22px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 12px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-tr-label { font-family: var(--mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--oh-tide); font-weight: 600; margin-bottom: 18px; text-align: center; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-root-node { text-align: center; margin-bottom: 6px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-rn-name { display: inline-block; font-family: var(--serif); font-weight: 600; font-size: 16px; color: var(--oh-ink); background: var(--oh-panel-2); border: 1px solid var(--oh-line); border-radius: 8px; padding: 8px 16px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-rn-year { font-family: var(--serif); font-style: italic; color: var(--oh-tide); font-size: 13px; display: block; margin-top: 6px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-split-line { text-align: center; color: var(--oh-line); font-size: 20px; margin: 2px 0; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-branches { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 8px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-branch { padding: 14px 16px; background: var(--oh-panel-2); border: 1px solid var(--oh-line); border-radius: 9px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-branch.adyar { border-top: 3px solid var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-branch.judge { border-top: 3px solid var(--oh-amber-2); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-br-head { font-family: var(--serif); font-weight: 600; font-size: 15px; color: var(--oh-ink); margin-bottom: 4px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-br-yr { font-style: italic; color: var(--oh-ink-mute); font-size: 12px; font-weight: 400; margin-left: 6px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-br-sub { font-size: 13px; color: var(--oh-ink-mute); line-height: 1.45; margin-top: 6px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-br-sub b { color: var(--oh-ink-soft); font-weight: 500; }
/* authority-forms table */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-forms { margin: 24px 0; display: flex; flex-direction: column; gap: 8px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-frm { display: grid; grid-template-columns: 150px 1fr; gap: 12px; padding: 12px 14px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 8px; align-items: baseline; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-f-name { font-family: var(--serif); font-weight: 600; font-size: 15px; color: var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-f-desc { font-size: 14px; color: var(--oh-ink-soft); line-height: 1.5; }
/* "needs careful wording" evmap grade */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-word { border-left: 3px solid var(--oh-amber-2); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-word .oh-em-grade { background: color-mix(in srgb, var(--oh-amber-2) 13%, transparent); color: var(--oh-amber-2); border: 1px solid color-mix(in srgb, var(--oh-amber-2) 32%, transparent); }
@media (max-width: 620px) {
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-branches { grid-template-columns: 1fr; }
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-frm { grid-template-columns: 1fr; gap: 4px; }
}

/* ══ occult-noir · Part 9 additional components ═══════════════════════
   the many-lives spine, the Besant-vs-Gandhi versus grid, and the
   g-care "needs careful handling" evmap grade. ══ */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-lives { margin: 26px 0; padding: 22px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 12px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-lv-label { font-family: var(--mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--oh-tide); font-weight: 600; margin-bottom: 16px; text-align: center; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-lives ul { margin: 0; padding: 0; list-style: none; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-lives li { position: relative; padding: 0 0 15px 30px; border-left: 2px solid var(--oh-line); margin-left: 8px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-lives li:last-child { border-left: 2px solid transparent; padding-bottom: 0; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-lives li::before { content: ""; position: absolute; left: -7px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: var(--oh-panel-2); border: 2px solid var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-lives li.turn::before { background: var(--oh-tide); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-lv-role { font-family: var(--serif); font-weight: 600; color: var(--oh-ink); font-size: 16px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-lv-yr { font-family: var(--serif); font-style: italic; color: var(--oh-tide); font-size: 13px; margin-left: 6px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-lv-note { display: block; color: var(--oh-ink-mute); font-size: 14px; margin-top: 2px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-versus { margin: 24px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-vs { padding: 17px 19px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-vs-tag { font-family: var(--mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; margin-bottom: 8px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-vs.b { border-top: 3px solid var(--oh-violet); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-vs.b .oh-vs-tag { color: var(--oh-violet); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-vs.g { border-top: 3px solid var(--oh-cedar); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-vs.g .oh-vs-tag { color: var(--oh-cedar); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-vs-name { font-family: var(--serif); font-size: 18px; font-weight: 600; margin-bottom: 8px; color: var(--oh-ink); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-vs ul { margin: 0; padding-left: 18px; font-size: 14px; color: var(--oh-ink-soft); line-height: 1.5; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-vs li { margin: 5px 0; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-care { border-left: 3px solid var(--oh-amber-2); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-care .oh-em-grade { background: color-mix(in srgb, var(--oh-amber-2) 13%, transparent); color: var(--oh-amber-2); border: 1px solid color-mix(in srgb, var(--oh-amber-2) 32%, transparent); }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-care ul { margin: 6px 0 0; padding-left: 20px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-em.g-care li { margin: 3px 0; }
@media (max-width: 620px) {
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-versus { grid-template-columns: 1fr; }
}

/* ══ occult-noir · Part 10 additional components ══════════════════════
   the illustrated-library book catalogue, the bibliographic correction
   chip, and the occult-chemistry atom counters. ══ */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-library { margin: 26px 0; padding: 22px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 12px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-lib-label { font-family: var(--mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--oh-tide); font-weight: 600; margin-bottom: 16px; text-align: center; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-book { display: grid; grid-template-columns: 64px 1fr; gap: 14px; padding: 12px 0; border-top: 1px solid var(--oh-line-soft); align-items: baseline; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-book:first-of-type { border-top: none; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-bk-yr { font-family: var(--serif); font-weight: 600; font-style: italic; color: var(--oh-tide); font-size: 17px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-bk-title { font-family: var(--serif); font-weight: 600; color: var(--oh-ink); font-size: 16px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-bk-what { display: block; color: var(--oh-ink-mute); font-size: 14px; margin-top: 2px; line-height: 1.45; }
/* bibliographic-correction chip */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-correction { margin: 24px 0; padding: 16px 18px; background: color-mix(in srgb, var(--oh-amber-2) 8%, transparent); border: 1px solid color-mix(in srgb, var(--oh-amber-2) 32%, transparent); border-radius: 10px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-correction .oh-co-label { color: var(--oh-amber-2); font-weight: 700; margin-bottom: 8px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-correction p { margin: 0; font-size: 15px; color: var(--oh-ink-soft); line-height: 1.55; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-correction b { color: var(--oh-ink); }
/* occult-chemistry atom counters */
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-atoms { margin: 20px 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-atom { padding: 16px 14px; background: var(--oh-panel); border: 1px solid var(--oh-line); border-radius: 10px; text-align: center; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-a-el { font-family: var(--mono); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--oh-ink-mute); margin-bottom: 6px; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-a-num { font-family: var(--serif); font-weight: 600; font-size: 30px; color: var(--oh-tide); line-height: 1; }
.public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-a-unit { font-size: 12px; color: var(--oh-ink-mute); margin-top: 5px; }
@media (max-width: 620px) {
  .public-shell .article-themed[data-theme="magazine-occult-noir"] .ps-article-body .oh-atoms { grid-template-columns: 1fr; }
}