/*
  logo.svg has a viewBox but no width or height, so the navbar's flex layout sizes the brand link before it knows
  the logo's width and the title then runs under the nav links. An explicit size (at the logo's 892:199 ratio) fixes it.
*/
#logo {
  height: 36px;
  width: 162px;
  flex-shrink: 0;
}

.navbar-brand {
  flex-shrink: 0;
  gap: .5rem;
}