.topbar { gap: 20px; }
.topbar .brand { min-width: 160px; }
.topbar .main-nav { gap: clamp(10px, 1.7vw, 25px); font-size: 12px; }
.site-home-link { flex-shrink: 0; color: #48615d; font-size: 12px; white-space: nowrap; }
.site-home-link:hover { color: #087c81; }
@media (max-width: 1150px) {
  .topbar .top-link { display: none; }
}
@media (max-width: 850px) {
  .topbar .main-nav { display: none; }
  .site-home-link { margin-left: auto; }
}
@media (max-width: 680px) {
  .topbar { gap: 8px; padding-inline: 16px; }
  .topbar .brand { min-width: 0; }
}