html,
body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
  touch-action: manipulation;
  overscroll-behavior-x: none;
  -webkit-text-size-adjust: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

:root {
  --site-shell-max-width: 1200px;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

body {
  padding-top: var(--site-shell-offset, 0px) !important;
  padding-bottom: var(--site-shell-bottom-offset, 0px) !important;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  max-width: 100%;
}

img,
canvas,
video,
iframe,
svg,
table,
pre,
input,
textarea,
select,
button {
  max-width: 100%;
}

#pageContent {
  width: 100%;
  max-width: var(--site-shell-max-width);
  margin: 0 auto !important;
  padding: 0 !important;
  overflow-x: hidden;
}