.story-page.is-analyzing .listen-action {
  visibility: hidden;
  pointer-events: none;
}

.cover-start:disabled {
  opacity: .55;
  cursor: wait;
  transform: none;
  filter: saturate(.45);
}

/* Only the opening card is compact; reading pages retain their full size. */
@media (min-width: 769px) {
  .story-page.cover-page {
    align-self: flex-start;
    flex-basis: min(760px, max(220px, calc((100svh - 350px) * 1.1)));
  }
  .cover-page .page-copy { padding: 18px 22px; }
  .cover-page .page-image { overflow: hidden; }
  .cover-page .page-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .cover-page .page-copy h2 {
    font-size: clamp(26px, 3.2vw, 36px);
    margin: 6px 0 9px;
    letter-spacing: -.8px;
  }
  .cover-page .page-copy p { font-size: 18px; line-height: 1.4; }
  .cover-page .cover-start {
    min-height: 48px;
    width: calc(100% - 44px);
    margin-bottom: 18px;
    font-size: 18px;
  }
  .cover-page .page-action { width: 60px; height: 60px; font-size: 29px; }
}
@media (min-width: 769px) and (max-height: 650px) {
  .cover-page .page-copy { padding: 12px 16px; }
  .cover-page .page-copy h2 { font-size: 26px; }
  .cover-page .page-copy p { font-size: 16px; }
  .cover-page .cover-start { min-height: 44px; margin-bottom: 12px; }
}