/* The bar takes its natural height, including wrapped text on small screens. */
html, body {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.demo-layout {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}

.demo-content {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  overscroll-behavior-y: contain;
  scroll-padding-block: 16px;
}