/* The existing story family owns the palette, typography and chapter layout. */
.literature-teaser { --cs-ink: var(--ink); --cs-muted: var(--ink-soft); --cs-teal: var(--teal-deep); }
.literature-story section,
.literature-teaser { scroll-margin-top: 80px; }
.literature-story .literature-main-film video { width: 300px; }
.literature-story .literature-clip { width: min(100%, 310px); justify-self: center; }
.literature-story .literature-clip video { width: 100%; }
.literature-story .cs-film figcaption,
.literature-teaser .cs-film figcaption { display: block; text-align: center; line-height: 1.6; }
.literature-teaser .literature-clip { width: min(100%, 240px); margin: 0; justify-self: center; }
.literature-teaser .literature-clip video { width: 100%; }
.literature-teaser.editorial-feature .literature-clip { order: 0; }
.literature-story :focus-visible,
.literature-teaser :focus-visible { outline: 3px solid var(--cs-teal, var(--teal-deep)); outline-offset: 4px; }
@media (max-width: 700px) {
  .literature-story .literature-main-film video { width: min(100%, 300px); }
  .literature-story .literature-clip { width: min(100%, 300px); }
  .literature-teaser.editorial-feature .literature-clip { order: 2; }
}