.diagram-matrix-container {
  width: 100%;
  margin: 32px 0;
  overflow-x: auto;
}

.diagram-matrix-container svg {
  background: #f5f1e8;
  border: 1px solid #e8e3d8;
  border-radius: 2px;
}

.diagram-matrix-container p {
  margin-top: 0;
  margin-bottom: 16px;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .diagram-matrix-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .diagram-matrix-container svg {
    min-width: 100%;
    width: auto;
  }
}