.topbar nav .account-link {
  flex: none;
  min-height: 44px;
  padding: 11px 16px;
  border: 1px solid var(--gold);
  border-radius: 6px;
  background: var(--gold);
  color: #0e252a;
  font-size: .8125rem;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
}

.topbar nav .account-link:hover {
  background: #efd5a0;
  color: #0e252a;
}

.topbar nav .account-link:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 4px;
}

@media (max-width: 600px) {
  .topbar nav .account-link {
    padding: 10px 14px;
    font-size: .8125rem;
  }
}

@media (min-width: 1251px) and (max-width: 1400px) {
  .topbar nav { gap: 16px; }
}
.topbar nav > a,
.topbar .nav-button {
  white-space: nowrap;
}