/* Keep the six-panel story readable, one complete panel at a time on phones. */
@media (max-width: 700px) {
  .comic-grid {
    grid-template-columns: 1fr;
    max-width: 470px;
    margin-inline: auto;
    gap: 14px;
  }

  .comic-panel { padding: 7px; }
  .comic-panel img { height: auto; aspect-ratio: 1 / 1; object-fit: contain; }
  .comic-panel p {
    top: 6%;
    left: 5%;
    width: 45%;
    font-size: clamp(.9rem, 4vw, 1.2rem);
    line-height: 1.38;
  }
  .comic-panel:nth-child(2) p,
  .comic-panel:nth-child(3) p,
  .comic-panel:nth-child(4) p,
  .comic-panel:nth-child(5) p { width: 48%; }
  .comic-panel:nth-child(4) p,
  .comic-panel:nth-child(5) p { top: 5%; }
}