/* Tarot Guide only: centred editorial composition, with the original book as focal point. */
.guide-page .guide-intro,
.guide-page .guide-copy,
.guide-page .guide-action { text-align: center; }

.guide-page .guide-intro .guide-lead { margin-inline: auto; }
.guide-page .guide-copy { grid-template-columns: 1fr; gap: 24px; justify-items: center; padding-block: clamp(54px, 6vw, 84px); }
.guide-page .guide-copy h2 { max-width: none; margin-inline: auto; font-size: clamp(48px, 5.5vw, 82px); letter-spacing: -.045em; text-wrap: balance; }
.guide-page .guide-prose { max-width: 690px; margin-inline: auto; }
.guide-page .guide-action { gap: 7%; }
.guide-page .guide-action > div { display: flex; flex-direction: column; align-items: center; }
.guide-page .guide-action p { margin-inline: auto; }
.guide-page .guide-action h2 { font-size: clamp(46px, 5vw, 74px); letter-spacing: -.04em; text-wrap: balance; }
.guide-page .guide-action .button { justify-content: center; min-width: min(100%, 280px); text-align: center; font-weight: 600; transition: background-color .2s ease, color .2s ease; }
.guide-page .guide-action .button:hover { background: #dcdcdc; }
.guide-page .guide-action .guide-download { margin: 12px 0 0; }

/* Keep the guide's closing details quiet and readable on a phone. */
@media (max-width: 760px) {
  .guide-page footer { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 32px 7% 42px; text-align: center; }
  .guide-page footer > .brand { width: auto; justify-content: center; margin-bottom: 8px; }
  .guide-page footer > div { flex: none; width: 100%; }
  .guide-page footer .footer-review { border-top: 1px solid #dedede; max-width: 420px; padding-top: 18px; }
  .guide-page footer .footer-review a { align-self: center; }
  .guide-page footer .footer-end { text-align: center; border-top: 1px solid #dedede; max-width: 420px; padding-top: 17px; }
  .guide-page footer p, .guide-page footer a:not(.brand) { font-size: 13px; line-height: 1.5; }
  .guide-page footer .footer-note { font-size: 12px !important; margin-top: 5px; }
}

@media (max-width: 760px) {
  .guide-page .guide-hero { gap: 32px; padding-block: 34px 52px; }
  .guide-page .guide-intro h1 { font-size: clamp(58px, 14.2vw, 82px); line-height: .88; letter-spacing: -.055em; }
  .guide-page .guide-intro .guide-meta { max-width: 420px; margin-inline: auto; }
  .guide-page .guide-copy { gap: 20px; padding: 48px 7% 56px; }
  .guide-page .guide-copy h2 { font-size: clamp(47px, 11vw, 68px); line-height: .95; }
  .guide-page .guide-prose p { line-height: 1.65; }
  .guide-page .guide-action { gap: 0; padding: 54px 7% 66px; }
  .guide-page .guide-action > div + div { width: 100%; border-top: 1px solid #4a4a4a; margin-top: 48px; padding-top: 48px; }
  .guide-page .guide-action h2 { font-size: clamp(51px, 12vw, 72px); line-height: .92; }
  .guide-page .guide-action .button { width: min(100%, 410px); }
  .guide-page .guide-action .guide-small { max-width: 360px; }
}

@media (prefers-reduced-motion: reduce) {
  .guide-page .guide-action .button { transition: none; }
}