/* Mermaid blocks: match Material light theme; avoid !important on shapes so classDef in Markdown wins */
.mermaid {
  display: flex;
  justify-content: center;
  background-color: var(--md-code-bg-color);
  padding: 1.25rem;
  border-radius: 0.5rem;
  border: 0.05rem solid var(--md-default-fg-color--lightest);
  overflow-x: auto;
}

.mermaid svg {
  max-width: 100%;
  height: auto;
}

.mermaid .label,
.mermaid .nodeLabel,
.mermaid .edgeLabel {
  font-size: 14px !important;
}