/* r78: compact common navigation on mobile, all destinations visible.
   The small-screen previous 2-column grid put eight links on four rows.
   Use 4 columns when there is enough room, otherwise 3. Do not hide links. */
@media (max-width: 560px) {
  .primary-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3px;
  }
  .primary-nav-link {
    box-sizing: border-box;
    min-height: 44px;
    padding: 7px 3px;
    font-size: .74rem;
    line-height: 1.25;
    text-align: center;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 360px) {
  .primary-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .primary-nav-link { font-size: .76rem; padding: 7px 4px; }
}