.mermaid {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  padding: 14px 16px;
  overflow-x: auto;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
}

/* Make the diagram scale nicely on mobile */
.mermaid svg {
  max-width: 100%;
  height: auto;
}

/* Slightly nicer code feel for inline snippets */
article code {
  background: rgba(0, 0, 0, 0.05);
  padding: 2px 6px;
  border-radius: 6px;
}