/* Gallery-only enhancement; editorial text columns and existing case content stay intact. */
/* A provider poster can have a different ratio from its film. Keep the complete
   official preview centred in the film frame, without cropping or a white side gap. */
.op-player-stage[data-inline-provider] {
  background: #111 !important;
}
.op-player-stage[data-inline-provider] > img {
  object-position: center !important;
}
@media (min-width: 761px) {
  /* Pair each source still with its explicitly labelled local illustration. */
  .continuous-edition .primary-related-media:has(> [data-educational-motion]) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto;
    gap: 0 24px;
    align-items: start;
  }
  /* These figures have an adjacent interactive reconstruction. The generic
     three-row figure subgrid must not move them below their own demos. */
  .continuous-edition .primary-related-media:has(> [data-educational-motion]) > figure {
    display: block !important;
    grid-template-rows: none !important;
    grid-row: 1 !important;
    align-self: start;
  }
  .continuous-edition .primary-related-media:has(> [data-educational-motion]) > figure:first-of-type { grid-column: 1; }
  .continuous-edition .primary-related-media:has(> [data-educational-motion]) > figure:last-of-type { grid-column: 2; }
  .continuous-edition .primary-related-media > [data-educational-motion]:first-of-type { grid-column: 1; grid-row: 2; }
  .continuous-edition .primary-related-media > [data-educational-motion]:last-of-type { grid-column: 2; grid-row: 2; }
  .continuous-edition .paired-case-studies {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: start;
  }
  /* Fallback reserves three heading lines; subgrid below handles arbitrary wraps. */
  .continuous-edition .paired-case-studies > .case-study-extra {
    display: grid;
    grid-template-rows: auto auto auto auto;
    min-width: 0;
    align-content: start;
  }
  .continuous-edition .paired-case-studies > .case-study-extra > h3 { grid-row: 1; min-height: 4.5em; }
  .continuous-edition .paired-case-studies > .case-study-extra > .related-case-media { grid-row: 2; }
  .continuous-edition .paired-case-studies > .case-study-extra > .case-commentary { grid-row: 3; }
  .continuous-edition .paired-case-studies > .case-study-extra > .source-quotation { grid-row: 4; }
  @supports (grid-template-rows: subgrid) {
    .continuous-edition .paired-case-studies { row-gap: 0; }
    .continuous-edition .paired-case-studies > .case-study-extra > h3 { min-height: 0; }
    .continuous-edition .paired-case-studies > .case-study-extra {
      grid-row: span 4;
      grid-template-rows: subgrid;
      row-gap: 0;
      align-self: stretch;
    }
  }
  /* Equal related-media frames preserve composition with contain, never crop.
     The primary media keeps its separate natural-ratio/max-height rules. */
}
@media (max-width: 760px) {
  .continuous-edition .primary-related-media:has(> [data-educational-motion]) > :is(figure, [data-educational-motion]) {
    grid-row: auto !important;
    grid-column: auto;
  }
  .continuous-edition :is(.paired-case-studies, .primary-related-media) {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  .continuous-edition .paired-case-studies > .case-study-extra { display: block; }
}