/* Production reader override for the September 28 card illustration release.
   It is loaded by index.html and survives the lazily loaded ReaderStage CSS. */
.spread-page .art,
.scroll-lesson .art {
  display: block !important;
  float: none !important;
  shape-outside: none !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  margin: 0 0 18px !important;
}

@media (max-width: 720px) {
  .spread-page .art,
  .scroll-lesson .art {
    margin-bottom: 14px !important;
  }
}