/*
 * Mermaid diagrams are rendered client-side at their natural size. Material's content
 * column is 61rem, so a diagram wider than that is scaled down to fit — which turns the
 * labels into unreadable specks rather than producing any visible warning.
 *
 * Prefer scrolling over shrinking: a diagram that genuinely overflows stays legible and
 * gains a scrollbar. The real fix for a wide diagram is still to lay it out top-down and
 * split it, but this keeps the failure mode obvious instead of silent.
 */
.mermaid {
  overflow-x: auto;
  text-align: center;
}

.mermaid svg {
  height: auto;
}