/* Catalog geometry must survive legacy utility bundles appended by release overlays.
   Scope to the movie/series article-and-featured-panel layout, not Home or SEO hubs. */
section.cueplay-page-enter:has(> article[class~="lg:w-[70%]"]) {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: calc(2rem + env(safe-area-inset-top)) 1rem 5rem;
}
section.cueplay-page-enter:has(> article[class~="lg:w-[70%]"]) > article {
  min-width: 0;
  width: 100%;
}
section.cueplay-page-enter:has(> article[class~="lg:w-[70%]"]) > article .grid.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
@media (min-width: 640px) {
  section.cueplay-page-enter:has(> article[class~="lg:w-[70%]"]) {
    padding: 4rem 1.5rem 5rem;
  }
  section.cueplay-page-enter:has(> article[class~="lg:w-[70%]"]) > article .grid.grid-cols-2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
}
@media (min-width: 1024px) {
  section.cueplay-page-enter:has(> article[class~="lg:w-[70%]"]) {
    flex-direction: row;
    align-items: flex-start;
    max-width: 1680px;
    margin-inline: auto;
    padding-inline: clamp(2rem, 5vw, 6rem);
  }
  section.cueplay-page-enter:has(> article[class~="lg:w-[70%]"]) > article {
    flex: 1 1 0%;
    width: 0;
  }
  section.cueplay-page-enter:has(> article[class~="lg:w-[70%]"]) > article > header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-align: left;
  }
  section.cueplay-page-enter:has(> article[class~="lg:w-[70%]"]) > .cueplay-featured-panel {
    display: flex;
    flex: 0 0 280px;
    width: 280px;
    max-width: 30%;
  }
}
@media (min-width: 1280px) {
  section.cueplay-page-enter:has(> article[class~="lg:w-[70%]"]) > article .grid.grid-cols-2 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1536px) {
  section.cueplay-page-enter:has(> article[class~="lg:w-[70%]"]) > article .grid.grid-cols-2 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}