/* Four destinations; loaded after the existing materials mobile override. */
.site-nav { flex-wrap: wrap; }
@media(max-width:1100px) {
  .topbar { flex-wrap: wrap; }
  .site-nav { width: 100%; }
}
@media(max-width:580px) {
  .topbar .site-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
  .topbar .site-nav a { white-space: normal; text-align: center; min-height: 44px; padding: 8px; }
}