/* Brand logo: keep the height fixed, let the width follow the aspect ratio.
   Upstream hardcodes a 30x30 square, which would squash a wordmark. */
#navbar #navbar-logo .navbar-brand-logo {
  height: 30px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
  display: block;
}

/* Upstream hides every .navbar-right > .item below 768px and relies on the
   hamburger to reveal them. Anonymous visitors have no hamburger, so the
   sign-in button is pinned visible instead. */
@media (max-width: 767.98px) {
  #navbar .navbar-right > .item.navbar-signin-only {
    display: flex;
    width: auto;
  }
}