/* The information stays in its own bottom row. Give the artwork all remaining
   page height instead of reserving an unused strip below the collection. */
html[data-student-appearance="paper"] body.student-page:not(.museum-refined) #podcastPanel.active-mobile-panel:not([data-memory-mode="flashcard"]) {
  height: calc(100svh - 64px - env(safe-area-inset-bottom, 0px)) !important;
}

@media (min-width: 700px) and (min-height: 700px) and (max-width: 1366px) {
  html[data-student-appearance="paper"] body.student-page:not(.museum-refined) #podcastPanel.active-mobile-panel:not([data-memory-mode="flashcard"]) {
    height: calc(100svh - 68px - env(safe-area-inset-bottom, 0px)) !important;
  }
}

html[data-student-appearance] body.student-page:is(.museum-refined, .student-paper) #podcastPanel #podcastLibrary[data-memory-paging="active"] > .memory-feed-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) auto auto !important;
  align-content: stretch !important;
  box-sizing: border-box !important;
  height: var(--memory-page-height) !important;
  min-height: var(--memory-page-height) !important;
  gap: 0 !important;
  padding: 0 !important;
}

html[data-student-appearance] body.student-page:is(.museum-refined, .student-paper) #podcastPanel #podcastLibrary[data-memory-paging="active"] > .memory-feed-card > .memory-feed-visual {
  grid-row: 1 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
}

html[data-student-appearance] body.student-page:is(.museum-refined, .student-paper) #podcastPanel #podcastLibrary[data-memory-paging="active"] > .memory-feed-card > .memory-feed-copy {
  position: relative !important;
  inset: auto !important;
  grid-row: 2 !important;
  align-self: end !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px max(16px, env(safe-area-inset-right, 0px)) 8px max(16px, env(safe-area-inset-left, 0px)) !important;
}

html[data-student-appearance] body.student-page:is(.museum-refined, .student-paper) #podcastPanel #podcastLibrary .memory-feed-carousel[data-memory-feed-controls="single"],
html[data-student-appearance] body.student-page:is(.museum-refined, .student-paper) #podcastPanel #podcastLibrary .memory-feed-carousel[data-memory-feed-controls="single"] .memory-feed-slide,
html[data-student-appearance] body.student-page:is(.museum-refined, .student-paper) #podcastPanel #podcastLibrary .memory-feed-carousel[data-memory-feed-controls="single"] .memory-feed-slide > img {
  touch-action: pan-y pinch-zoom !important;
}