/* Header readability polish: separates the ColleagueAI wordmark from the first navigation item. */
.nav-inner {
  column-gap: clamp(1.5rem, 3vw, 4rem);
}

.nav .logo {
  flex: 0 0 auto;
  min-width: max-content;
  margin-right: clamp(1rem, 2.5vw, 3rem);
  padding-right: clamp(.75rem, 1.5vw, 1.5rem);
}

.nav .logo-text {
  white-space: nowrap;
  letter-spacing: .01em;
}

.nav-links {
  column-gap: clamp(.85rem, 1.25vw, 1.4rem);
  row-gap: .55rem;
}

.nav-links a:first-child {
  margin-left: .25rem;
}

@media (max-width: 980px) {
  .nav-inner {
    gap: 1rem;
  }

  .nav .logo {
    margin-right: .75rem;
    padding-right: .5rem;
  }

  .nav-links {
    gap: .45rem .75rem;
  }
}

@media (max-width: 720px) {
  .nav-inner {
    align-items: flex-start;
  }

  .nav .logo {
    margin-right: 0;
    margin-bottom: .35rem;
    padding-right: 0;
  }

  .nav-links {
    width: 100%;
  }
}