/* Focused mobile refinement of the existing reading chooser. */
@media (max-width: 760px) {
  .readings { padding-top: 28px; padding-bottom: 30px; }
  .readings .section-heading { margin-bottom: 14px; }
  .readings .section-heading h2 { font-size: clamp(34px, 9vw, 43px); line-height: 1.02; margin: 9px 0 12px; }
  .readings .section-heading > p:not(.eyebrow) { font-size: 15px; line-height: 1.55; }
  .readings .learn-link { margin-top: 4px; padding: 7px 0; min-height: 44px; }
  .readings .reading-switch { margin-bottom: 14px; }
  .readings .service[data-reading="tarot"] .service-art,
  .readings .service-grid.is-focused .service[data-reading="tarot"] .service-art { aspect-ratio: 1.9; height: auto; min-height: 0; }
  .readings .service[data-reading="tarot"] .service-body,
  .readings .service-grid.is-focused .service[data-reading="tarot"] .service-body { padding: 18px 19px 9px; }
  .readings .service[data-reading="tarot"] .service-body h3 { font-size: clamp(28px, 7.5vw, 33px); margin: 9px 0 12px; }
  .readings .service[data-reading="tarot"] .service-body > p:not(.eyebrow) { line-height: 1.55; }
  .readings .service[data-reading="tarot"] .service-for { margin: 10px 0 14px; }
  .readings .service[data-reading="tarot"] .service-price,
  .readings .service-grid.is-focused .service[data-reading="tarot"] .service-price { margin-top: 14px; padding-top: 14px; margin-bottom: 13px; }
  .readings .service[data-reading="tarot"] .service-body > .button + .service-extra { margin-top: 14px; }
}