.topbar .container{padding-top:10px;padding-bottom:10px}
.topbar .af-primary-nav{gap:20px}
@media(min-width:901px) and (max-width:1050px){.topbar .af-primary-nav{gap:12px}}
/* Keep the primary destinations visible when the window narrows. */
@media(max-width:900px){
 .topbar .container{flex-wrap:wrap;column-gap:10px;row-gap:0}
 .topbar .brand{order:0;flex:none}
 .topbar .actions{order:1;margin-left:auto;flex:none}
 .topbar .af-primary-nav{display:flex!important;order:2;flex:0 0 100%;justify-content:center;gap:24px;box-sizing:border-box;margin-top:10px;padding-top:6px;border-top:1px solid var(--border);min-width:0}
 .topbar .af-primary-nav>a{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;line-height:1.35;text-align:center}
}
@media(max-width:560px){
 .topbar .container{padding-top:10px;padding-bottom:6px;column-gap:8px}
 .topbar .brand-logo-img{width:112px;height:auto}
 .topbar .actions{gap:6px}
 .topbar .af-nav-start{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;font-size:11px;padding:10px}
 .topbar .nav-burger,.topbar .theme-toggle{width:44px;height:44px;min-width:44px;box-sizing:border-box}
 .topbar .af-primary-nav{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1.15fr) minmax(0,.9fr) minmax(0,.95fr);gap:6px;justify-content:stretch;margin-top:8px;padding-top:4px}
 .topbar .af-primary-nav>a{min-width:0;font-size:12px;white-space:normal;padding:0 2px}
}
@media(max-width:360px){
 .topbar .brand-logo-img{width:80px}
 .topbar .af-nav-start{font-size:10px;padding:10px 8px}
}

@media(max-width:380px){.topbar .af-primary-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}.topbar .af-primary-nav>a{min-height:40px}}