/* Shared mobile and baseline hardening for all pages */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

img, picture, video {
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  header .mx-auto {
    position: relative;
  }

  [data-menu] {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 0.45rem);
    z-index: 60;
  }

  [data-menu] ul {
    max-height: 70vh;
    overflow-y: auto;
  }

  main {
    overflow-x: clip;
  }

  .shadow-soft {
    box-shadow: 0 10px 24px rgba(10, 45, 35, 0.12) !important;
  }
}