.md-header__button.md-logo {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}

.md-header__button.md-logo img {
  height: 1.45rem;
  width: auto;
  max-width: 46vw;
}

/* Material hides the header logo below 76em. The text title is hidden too,
   so keep the wordmark in the bar or the name disappears. */
@media screen and (max-width: 76.234375em) {
  .md-header__button.md-logo {
    display: inline-block;
  }

  .md-header__button.md-logo img {
    height: 1.15rem;
  }
}

.md-header__title .md-header__topic:first-child {
  display: none;
}

.md-typeset h1.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.md-typeset .wordmark {
  display: block;
  /* Intrinsic pixel width ignores a plain max-width, so set the used width. */
  width: min(28rem, calc(100vw - 3rem)) !important;
  max-width: min(28rem, calc(100vw - 3rem)) !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0.2rem 0 1rem;
}

[data-md-color-scheme="default"] .md-typeset .wordmark {
  filter: invert(1);
}

.md-typeset .overlay-shot {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
  background: #0c0d10;
}

.md-typeset .hero-actions {
  margin: 1.2em 0 1.6em;
}