/* Keep the long site title from widening the document on phones. */
@media only screen and (max-width: 768px) {
  #header #siteTitleWrapper {
    max-width: calc(100% - 60px);
  }

  #header #siteTitleWrapper #siteTitle a {
    display: block;
    position: static;
    white-space: normal;
    font-size: clamp(22px, 7vw, 29px);
    line-height: 1.08em;
  }

  #siteTitle .site-title-name,
  #siteTitle .site-title-tagline {
    display: block;
  }

  #siteTitle .site-title-separator {
    display: none;
  }

  #header .mobile-nav-toggle-label {
    top: 50%;
    transform: translateY(-50%);
  }
}