/* Scenes for "Nothing Starts Clean".
   The shared chrome, the pixel stage and the final-claim highlight all live in
   kit.css; nothing here needs to override them. */

/* Mermaid 11 ignores htmlLabels:false and renders each label as an HTML div in
   a foreignObject whose width it computed by measuring the text itself. The
   site styles `pre` as JetBrains Mono, which the div inherits — so the text is
   laid out in a wider font than the box was sized for, and overflows. Pin the
   label font to the same family Mermaid measures with. */
.post-content pre.mermaid,
.post-content pre.mermaid foreignObject,
.post-content pre.mermaid foreignObject div,
.post-content pre.mermaid foreignObject span,
.post-content pre.mermaid .nodeLabel,
.post-content pre.mermaid .edgeLabel,
.post-content pre.mermaid .cluster-label,
.post-content pre.mermaid text {
  font-family: Helvetica, Arial, sans-serif !important;
}