/* Keep the four primary destinations accessible on narrow screens. */
@media (max-width:760px) {
  .topbar {flex-wrap:wrap;gap:12px;padding:14px;}
  .topbar .primary-nav {display:flex!important;order:3;width:100%;overflow-x:auto;min-height:42px;}
  .primary-nav a {white-space:nowrap;padding:10px;}
  .userbox {flex-wrap:wrap;white-space:normal;}
}