/* Mobile reader: show a single, centered page instead of a cropped spread. */
@media (max-width: 768px) {
  .reader-content {
    min-width: 0;
  }

  .reader .spread {
    width: min(100%, 560px);
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    margin-inline: auto;
  }

  .reader .page {
    width: 100%;
    min-width: 0;
  }

  .reader .page-b {
    display: none;
  }
}