.mermaid {
  text-align: center;
}
.mermaid > svg {
  max-width: 100%;
  height: 100%;
}

/* Maximum space for text block */
/* See also: https://github.com/squidfunk/mkdocs-material/issues/175 */
.md-grid {
  max-width: 94%; /* or 100%, if you want to stretch to full-width */
}

/* Add left space to ease left navigation view */
[data-md-level="1"] .md-ellipsis {
    padding-left: 12px; /* Adjust this value as needed */
}