/* Responsive navigation menu and layout fixes */
@media (max-width: 1060px) {
  .nav-toggle {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Visible mobile links in header for narrow viewports */
.header-mobile-nav {
  display: none;
}

@media (max-width: 600px) {
  .header-mobile-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px 8px;
    padding: 6px var(--site-frame-pad);
    background-color: var(--bg-ground-deep);
    border-top: 1px solid var(--line-ledger);
    width: 100%;
  }

  .header-mobile-nav .nav-link {
    font-size: var(--fs-xs);
    padding: 4px 8px;
    min-height: 36px;
  }
}