html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}

.page-shell,
main {
  max-width: 100%;
  min-width: 0;
}

img,
video,
canvas {
  max-width: 100%;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}

@media (max-width: 820px) {
  .page-shell {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  header,
  main,
  footer,
  section {
    min-width: 0;
  }

  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  a,
  button,
  summary,
  label,
  input,
  select,
  textarea {
    touch-action: manipulation;
  }
}