html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#mb-iframe,
#agol-iframe {
  position: fixed;
  top: calc(var(--header-height) + env(safe-area-inset-top));
  /* Use 100dvh (dynamic viewport height) for proper mobile handling where
     address bar appears/disappears. Account for safe-area insets for notched devices. */
  height: calc(100dvh - var(--header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  left: 0;
  width: 100%;
  border: 0;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
}