/* Increase logo size in the header */
.md-header__button.md-logo img {
  height: 100px !important; /* try 48px, 64px, or larger */
  padding: 0;
  margin: 0;
}

/* Opt-in: force a single column for card grids with wide content (e.g. code blocks),
   where the default multi-column layout would overflow. Add class "single-col". */
.md-typeset .grid.cards.single-col {
  grid-template-columns: 1fr !important;
}

/* Center Mermaid diagrams */
.mermaid {
  display: flex;
  justify-content: center;
}

/* Responsive image alignment: right on large, center on small */
.img-responsive-right {
  display: block;
  margin: 1em auto;
  max-width: 100%;
}

/* On tablet and larger: float right */
@media screen and (min-width: 768px) {
  .img-responsive-right {
    float: right;
    margin: 0 0 1em 1em;
  }
}