/* The header logo is the official wordmark (wide), not a square mark.
   Height is fixed and width follows the file so the type is not stretched. */
.md-header__button.md-logo {
  width: auto;
  margin: 0.2rem 0.45rem 0.2rem 0.15rem;
  padding: 0.1rem 0;
}
.md-header__button.md-logo :is(img, svg) {
  display: block;
  height: 1.4rem;
  width: auto;
  max-width: none;
}