/* Keep the media library locked to the viewport while preserving the
   intentionally scrollable category strip. */
.media-library {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}

.media-library > .library-topbar,
.media-library .library-layout,
.media-library .library-content,
.media-library .watch-stage {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 720px) {
  /* The portrait player remains large/full-bleed, but is centered around the
     padded content column instead of extending 16px past the right edge. */
  .media-library .watch-video.is-portrait:not(.is-immersive):not(:fullscreen) {
    left: 50%;
    transform: translateX(-50%);
  }
}