.diagram-wrap {
  margin: 28px 0;
  padding: 22px;
  background: #fffdf4;
  border: 1px solid var(--border);
  border-radius: 18px;
  overflow-x: auto;
}

.diagram-wrap .mermaid {
  min-width: 520px;
  display: flex;
  justify-content: center;
}

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

@media (max-width: 620px) {
  .diagram-wrap {
    margin-left: -12px;
    margin-right: -12px;
    padding: 14px;
  }

  .diagram-wrap .mermaid {
    min-width: 620px;
  }
}