/* Local staging: native mobile navigation must scroll away when scripts are off. */
@media (max-width: 1000px) {
  html:not(.js) header { position: static; }
  html:not(.js) .header-inner nav { display: flex; }
}

/* Reserve space for Netlify's unmodified lower-right badge. Only JLA's controls move. */
@media (max-width: 480px) {
  .mobile-contact {
    bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    padding-bottom: 0;
  }
  footer { padding-bottom: calc(154px + env(safe-area-inset-bottom, 0px)); }
  html { scroll-padding-bottom: calc(130px + env(safe-area-inset-bottom, 0px)); }
}