/* figures.css — SpinUp Forge editorial data-figure pattern.
   The branded-infographic skill emits a bare inline-SVG chart designed for the dark
   ink ground (bone marks/text, one ember accent). On the light (bone) article page it
   needs an ink "well" to be legible — this pattern wraps the inline SVG in a dark panel
   and pairs it with a caption (title + original-source attribution) on the page.
   Reusable across thought pieces (the weekly-thought-piece flow embeds figures this way).
   Relies on the page's :root brand vars (--ink, --bone, --ink-muted, --ember). */

.sf-figure { margin: 44px 0; }

.sf-figure-panel {
  background: var(--ink);
  border-radius: 8px;
  padding: 26px 30px 22px;
}
.sf-figure-panel svg { width: 100%; height: auto; display: block; }

.sf-figure figcaption {
  margin-top: 14px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  color: var(--ink-muted);
  line-height: 1.5;
}
.sf-figure figcaption .fig-title {
  display: block;
  font-weight: 600;
  color: var(--ink);
  font-size: 14px;
  margin-bottom: 4px;
}
.sf-figure figcaption .fig-src { display: block; }