@media (max-width: 820px) {
  .flipbook-stage {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .flipbook-spread {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .flipbook-prev {
    grid-column: 1;
    grid-row: 1;
  }

  .flipbook-next {
    grid-column: 2;
    grid-row: 1;
  }
}