.brand{display:inline-flex;align-items:center}.brand img{display:block;width:172px;height:48px;object-fit:contain;object-position:left center}
.home-wordmark{display:block;width:min(620px,92vw);height:auto;margin:0 0 34px}
@media(max-width:720px){.brand img{width:128px;height:42px}.home-wordmark{margin-bottom:26px}}

.primary-nav {
  gap: 8px !important;
}

.nav-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px 11px;
  border-radius: 10px;
}

.nav-link:hover,
.nav-link:focus-visible {
  background: #f5f6f8;
  outline: none;
}

.nav-icon {
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  color: #5046a8;
}

.nav-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-nav {
  min-width: 76px;
  justify-content: center;
}

.account-nav.is-authenticated {
  min-width: 42px;
  padding: 5px;
}

.account-initials {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dcd9ff;
  border-radius: 50%;
  background: linear-gradient(145deg,#f3f0ff,#eafcff);
  color: #37307f;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
}

@media (max-width: 720px) {
  .nav-link > span:last-child:not(.account-initials) { display: none; }
  .nav-link { min-width: 40px; justify-content: center; padding: 8px; }
  .account-nav { min-width: 40px; }
}