/* ==========================================================================
   IRONITT v2 — Iron Center (first slice: rendering cost)
   --------------------------------------------------------------------------
   The Iron Center page is long and busy (two realms of animated paths, a
   star field, comets). Below the fold none of it needs to be laid out,
   painted or animated, so each realm and each room section opts into
   content-visibility: the browser skips its rendering work — including its
   infinite twinkle / comet / sheen animations — until it nears the
   viewport. contain-intrinsic-size keeps the scrollbar honest meanwhile
   (`auto` remembers the real size once it has been rendered).
   ========================================================================== */
#view-iron-center .ic-home > section,
#view-iron-center .iron-panel.active > :is(section, .ic-section, .ic-forge-stats-section) {
  content-visibility: auto;
  contain-intrinsic-size: auto 420px;
}

/* ---- Section titles: the mark sits beside its words -------------------- */
/* A legacy rule spaced the label's children apart, so the colour mark stood
   alone on the left and the words ran off to the right edge. */
#view-iron-center .ic-section-label { justify-content: flex-start; }

/* ---- Forge stats: a flat surface (shadows are for things that float) --- */
#view-iron-center .ic-forge-stats-section {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  box-shadow: none;
}