/* Shared mobile foundation. Desktop styles remain in /css. */
@media (max-width: 1024px) {
  :root { --mobile-nav-height: 72px; }
  html { scroll-padding-top: calc(var(--mobile-nav-height) + 12px); }
  html, body { max-width: 100%; overflow-x: hidden; }
  body.mobile-nav-active { overflow: hidden; }
  img, video { max-width: 100%; }
}
@media (max-width: 480px) {
  :root { --mobile-nav-height: 66px; }
}