/* ------------------------------- MERMAID --------------------------------------- */
.post pre:has(> code.language-mermaid) {
  background: var(--surface-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 1.5rem;
  overflow: visible;
}

.post code.language-mermaid {
  background: transparent;
  padding: 0;
  font-size: inherit;
}

.post code.language-mermaid svg {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}