/* Mobile nav: extend to screen edges and vertical stack when open */
@media (max-width: 767px) {
  /* Only apply when menu is visible (no .hidden) - don't override display so JS toggle works */
  #nav-menu:not(.hidden) {
    flex-direction: column;
    width: auto;
    box-sizing: border-box;
  }
  #nav-menu:not(.hidden) a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}