/* Lock /embed/strips/* to a non-scrolling 400px frame on all viewports. */
html,
body {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 400px !important;
  min-height: 400px !important;
  max-height: 400px !important;
  margin: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: auto !important;
  background-color: transparent !important;
}

/* Do NOT trap touch here: the frame has nothing to scroll, so let vertical
   drags chain up to the host page. Otherwise the embed eats page scrolling. */
body {
  position: relative !important;
  touch-action: pan-y pinch-zoom !important;
  overscroll-behavior: auto !important;
}

body > div:first-of-type,
body > div:first-of-type > div,
body main {
  box-sizing: border-box !important;
  height: 400px !important;
  min-height: 400px !important;
  max-height: 400px !important;
  overflow: hidden !important;
}