/* Reduce spacing after H1 */
.md-content h1 {
  margin-bottom: 0.5rem !important;
}

/* Align logo with content */
.md-header__button.md-logo {
  margin-left: -0.7rem;
}

/* Hide logo in mobile/medium drawer */
@media screen and (max-width: 76.1875em) {
  .md-nav__button.md-logo {
    display: none;
  }
}

/* Constrain content width for readability */
.md-content {
  max-width: 60em;
}

/* Medium screens: center content when sidebar is hidden */
@media screen and (min-width: 40em) and (max-width: 76.1875em) {
  .md-content {
    margin: 0 auto;
  }
}

/* Make site title clickable */
.md-header__title {
  cursor: pointer;
}

.md-header__title .md-header__topic:first-child {
  pointer-events: auto;
}

/* Make drawer title clickable (extends logo link over "Blog" text) */
.md-nav__title[for="__drawer"] {
  position: relative;
}

.md-nav__title[for="__drawer"] .md-nav__button.md-logo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}