.site-header nav {
  gap: clamp(12px, 1.5vw, 30px);
}

.site-header nav > a {
  flex-shrink: 0;
  white-space: nowrap;
}

.nav-label-mobile {
  display: none;
}

.nav-signout {
  flex-shrink: 0;
  margin-left: -6px;
}

@media (max-width: 960px) {
  .site-header {
    height: 68px;
  }

  .nav-toggle {
    display: block;
    background: none;
    border: 1px solid var(--line);
    padding: 8px 12px;
  }

  .site-header nav {
    display: none;
    position: absolute;
    top: 67px;
    left: 0;
    right: 0;
    background: var(--paper);
    padding: 25px;
    flex-direction: column;
    align-items: stretch;
    border-bottom: 1px solid var(--line);
  }

  .site-header nav.open {
    display: flex;
  }

  .site-header nav > a {
    flex-shrink: 1;
    white-space: normal;
  }

  .nav-label-desktop {
    display: none;
  }

  .nav-label-mobile {
    display: inline;
  }

  .nav-signout {
    margin: 0;
    padding: 14px 0 0;
    border-left: 0;
    border-top: 1px solid var(--line);
  }

  .nav-signout-button {
    width: 100%;
    text-align: left;
  }
}