.markdown-body .mermaid {
  margin: 24px 0;
  padding: 20px;
  overflow-x: auto;
  color: var(--color-text-primary);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-primary);
  border-radius: 8px;
}

.markdown-body .mermaid svg {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.markdown-body .mermaid .label,
.markdown-body .mermaid .nodeLabel,
.markdown-body .mermaid .edgeLabel {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}