/* Mermaid diagrams: centered in a light card. Node colors come from the
   classDef lines in each diagram, so GitHub shows the same palette. */
.md-typeset .mermaid {
  --md-mermaid-label-bg-color: var(--md-code-bg-color);
  display: flex;
  justify-content: center;
  padding: 1.2rem 1rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.6rem;
  background-color: var(--md-code-bg-color);
}
