/* V58 — subtle desktop home lift + deliberate reader-gate line wrapping. */

/* Keep the invitation's key phrase together so mobile never strands the dash or 7. */
body[data-page="spoiler"] .gate-treasure-note .keep-together {
  white-space: nowrap;
}

/* Desktop home: reclaim a modest amount of vertical space without compressing the design. */
@media (min-width: 1201px) {
  body[data-page="home"] .hero-inner {
    padding-top: 40px !important;
    padding-bottom: 18px !important;
  }

  body[data-page="home"] .book-3d {
    width: min(306px, 100%) !important;
  }

  body[data-page="home"] .ornament {
    margin: 16px 0 13px !important;
  }

  body[data-page="home"] .hero-copy > p {
    margin-bottom: 12px !important;
    line-height: 1.66 !important;
  }

  body[data-page="home"] .book-invite {
    margin-top: 19px !important;
  }

  body[data-page="home"] .read-options {
    margin-top: 14px !important;
  }
}

/* Mobile unlocked room: quieter, centered music heading and a little more playlist above the fold. */
@media (max-width: 640px) {
  body[data-page="spoiler"] .beyond-page .spoiler-shell {
    padding-top: 18px !important;
  }

  body[data-page="spoiler"] .beyond-page .beyond-music-card h2 {
    max-width: none !important;
    margin: 0 auto 10px !important;
    text-align: center !important;
    font-size: 1.28rem !important;
    line-height: 1.16 !important;
    letter-spacing: .005em !important;
  }

  body[data-page="spoiler"] .beyond-page .beyond-compact-player {
    margin-bottom: 8px !important;
    padding-top: 12px !important;
    padding-bottom: 11px !important;
  }

  body[data-page="spoiler"] .beyond-page .beyond-song {
    min-height: 45px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
}
