/* Shared mobile refinements. Loaded after page-specific styles. */
[hidden]{display:none!important}
main,main>section,.hero-copy,.page-grid>*,.field-row>*{min-width:0}
/* Rotated rings and artwork may paint outside the viewport, not scroll it. */
body.has-masthead{overflow-x:clip}
input,select,textarea{max-width:100%}
@media(max-width:980px){
 .hero-art:before{inset:0;transform:none}
 .nav{max-height:calc(100dvh - 125px);overflow-y:auto;overscroll-behavior:contain}
 .nav a{min-height:44px;display:flex;align-items:center}
 .nav .appointment-link{justify-content:center}
}
@media(max-width:760px){
 .text-link{min-height:44px;align-items:center}
 .reading-tools button,.letter-prompts button,.booking-quick-dates button{min-height:44px}
 .quote-dots button{min-width:44px;min-height:44px}
 .quote-arrow{min-width:44px;min-height:44px}
 .quote-strip{grid-template-columns:44px minmax(0,1fr) 44px}
 .field input,.field select,.field textarea{font-size:16px;min-height:48px}
 .field label{overflow-wrap:anywhere}
 .check{min-height:44px;align-items:flex-start}
 .footer-links a{min-height:44px;display:inline-flex;align-items:center}
 .footer-links{flex-wrap:wrap}
 .book-full-backdrop,.hero-backdrop{contain:paint}
 .hero .hero-title .title-finale{max-width:100%}
 .title-heart{min-width:0}
 .booking-summary p,.contact-box a{overflow-wrap:anywhere}
 .btn{white-space:normal;text-align:center}
}
@media(max-width:380px){
 .shell{padding-left:18px;padding-right:18px}
 .hero .hero-title .hero-title-accent{font-size:65px;letter-spacing:-1px}
 .hero .hero-title .title-finale{gap:5px}
 .title-heart{width:40px;height:40px;flex-basis:40px}
 .hero-kicker{font-size:10px;letter-spacing:.4px;gap:5px}
 .hero-art>.on-air{font-size:10px;padding:9px 10px;letter-spacing:.3px}
 .art-caption{padding:17px 15px;font-size:14px}
 .floating-note{right:0;font-size:15px;padding:11px 14px}
 .quote-strip{padding-left:10px;padding-right:10px;gap:5px}
 .quote-label{font-size:15px;padding:7px 9px}
 .quote-strip .quote-text{font-size:18px}
 .cards .card{padding:24px 20px}
 .cards .card .text-link{font-size:15px;padding:12px;gap:9px}
 .book-promo .promo-button{font-size:15px;padding:13px 16px;gap:15px}
 .booking-page .booking-form,.confide-page .letter-form{padding-left:17px;padding-right:17px}
 .booking-quick-dates{align-items:flex-start;flex-direction:column}
 .booking-page .booking-form h2{font-size:22px}
 .listen-page .tab{padding:10px 16px}
 .appointment-cta-button{font-size:16px;padding:14px 16px;gap:10px}
}