@media (max-width: 700px) {
  .banner-top {
    position: relative; /* no fixed overlay */
    z-index: 3;
  }

  .banner-sections {
    flex-direction: row; /* horizontal scroll inside top banner */
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 12px;
    padding-bottom: 6px;
  }

  .banner-section {
    flex: 0 0 auto;
    min-width: 280px;
    max-width: 300px;
    scroll-snap-align: start;
  }

  /* Content wrapper must scroll inside main */
  .content-wrapper {
    min-height: calc(100vh - var(--banner-top-height, 100px) - var(--banner-bottom-height, 80px));
    overflow: auto;
  }

  #pdf-viewer {
    height: 100%;
  }
}