/* Use the full viewport width for content (override the default ~61rem cap). */
.md-grid {
  max-width: none;
}

/* Center Mermaid diagrams horizontally on the page. */
.mermaid {
  text-align: center;
}

.mermaid svg {
  display: block;
  margin: 0 auto;
}

/* Center the home-page header banner (first image on the page). */
.md-typeset > p:first-child > img {
  display: block;
  margin-inline: auto;
}