/* Keep the full header on one line only when there is enough room. */
.site-header .site-header-links {
  display: none;
}

.site-header .site-header-menu-toggle {
  display: inline-flex;
}

.site-header .site-header-mobile-menu {
  display: block;
}

@media (min-width: 1280px) {
  /* Keep navigation from shrinking into the logo when space gets tight. */
  .site-header nav > div:first-child > button:first-child {
    flex-shrink: 0;
    margin-right: 1.5rem;
  }

  .site-header .site-header-links {
    display: flex;
    gap: 0.475rem;
  }

  .site-header .site-header-links > * {
    margin-left: 0;
    margin-right: 0;
  }

  .site-header .site-header-menu-toggle,
  .site-header .site-header-mobile-menu {
    display: none;
  }
}