/* Spacing and hierarchy only. Existing content, photographs and palette stay intact. */
html body #main .astral-one .newsletter-intro .eyebrow,
html body #main .astral-one .home-visit-info .home-visit-kicker{
 font-size:12px!important;
 line-height:1.5!important;
}
html body #main .astral-one .newsletter-intro .eyebrow{margin:0 0 12px!important}
html body #main .astral-one .home-visit-info .home-visit-kicker{margin:0 0 10px!important}

/* Match the tablet newsletter card to the existing page gutters. */
@media(min-width:701px) and (max-width:800px){
 html body #main .astral-one .visit-updates{padding-inline:32px!important}
}

/* Match the existing phone rhythm without enlarging the poster cards. */
@media(max-width:600px){
 html body #main .astral-one #club-nights .row{gap:18px}
 html body #main .astral-one #club-nights .section-title,
 html body #main .astral-one .podcasts-and-more-area .section-title{margin-bottom:18px!important}
}

/* Shared footer refinements apply equally on every page. */
@media(min-width:992px){
 html body .club-footer .footer-contact-row{padding-block:40px}
 html body .club-footer .footer-link-groups{padding-block:36px;column-gap:40px}
}
@media(max-width:600px){
 html body .club-footer .footer-contact-row{padding-block:24px;gap:16px 18px}
 html body .club-footer .footer-link-groups{padding-block:24px;row-gap:22px}
 html body .club-footer .footer-link-groups h2{margin-bottom:14px}
}

/* Keep labeled photo navigation apart and clear of the picture on phones. */
@media(max-width:600px){
 body .barn-photo-viewer .photo-prev,
 body .barn-photo-viewer .photo-next{
  top:auto;bottom:12px;box-sizing:border-box;
  width:104px;min-width:0;max-width:calc(50% - 24px);height:44px;
  display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
 }
 body .barn-photo-viewer .photo-prev{left:12px;right:auto}
 body .barn-photo-viewer .photo-next{right:12px;left:auto}
}
