/* book.css: /book/ and /booked/ (BOOK funnel). The first screen at 390x664 holds the photo, the h1, the
   paragraph, See open times and the Ringy line with no scrolling, the phone action bar included. */
.book-hero { padding: 20px 0 24px; background: linear-gradient(180deg, var(--navy-50) 0%, var(--white) 100%); }
.book-hero__photo { display: block; width: 88px; height: 88px; border-radius: 50%; object-fit: cover; border: 3px solid var(--white); box-shadow: var(--shadow-sm); margin: 0 0 12px; }
.book-hero__title { font-size: clamp(1.75rem, 6vw, 2.5rem); line-height: 1.15; margin: 0 0 10px; color: var(--navy-800); }
.book-hero__text { margin: 0 0 16px; font-size: 1.0625rem; line-height: 1.5; }
.book-hero__btn { max-width: 420px; min-height: 52px; font-size: 1.0625rem; }
.book-hero__note { margin: 10px 0 0; font-size: var(--text-xs); color: var(--muted); line-height: 1.5; }
.book-hero__note a { color: var(--navy-700); text-decoration: underline; text-underline-offset: 0.15em; }
.book-hero--done { padding: 40px 0 48px; }
.book-more { padding: 32px 0 48px; }
.book-more h2 { margin-top: 0; }
.book-disc { margin-top: 32px; }
.book-disc .site-footer__compliance { border-top: 1px solid var(--line); color: var(--muted); }
.book-disc .site-footer__compliance strong { color: var(--navy-800); }
.book-disc a, .book-disc .footer__link-gold { color: var(--navy-700); text-decoration: underline; text-underline-offset: 0.15em; }
@media (min-width: 768px) {
    .book-hero { padding: 40px 0 48px; }
    .book-hero__photo { width: 112px; height: 112px; }
}