/* Extra navigation item: keep readable labels before switching to the mobile menu. */
@media(min-width:821px){
  .topbar nav>a{white-space:nowrap}
  .topbar .account-links{display:flex;align-items:center;gap:12px}
  .topbar .account{white-space:nowrap}
}
@media(min-width:821px) and (max-width:1500px){
  .topbar:not(.compact){grid-template-columns:auto minmax(180px,1fr) auto;gap:12px 24px}
  .topbar:not(.compact)>.brand{grid-column:1;grid-row:1}
  .topbar:not(.compact)>form{grid-column:2;grid-row:1}
  .topbar:not(.compact)>div:last-child{grid-column:3;grid-row:1}
  .topbar:not(.compact)>nav{grid-column:1/-1;grid-row:2;justify-content:center}
}