/* Mermaid diagram styling */
.mermaid {
  margin: 1em auto;
  overflow: auto;
  background-color: white;
  border-radius: 4px;
  text-align: center;
  display: block;
  width: fit-content;
  max-width: 100%;
}

/* Ensure diagrams are responsive */
.mermaid svg {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}