/* 2026-11-06: Larger, easier-to-read typography without changing Adina Skin brand fonts. */
/* Preserve the existing Manrope font and all individual logo/hero treatments. */
html { -webkit-text-size-adjust: 100%; }
body {font-size:18px !important;line-height:1.7 !important;}
/* Informational copy, services and compact UI text previously capped at 12-16px. */
p, li, dd, dt, .item, .item span, .item em, .note, .sub, .description,
.review-card p, .info-card p, .info-card li, .info-main p, .info-main li,
.studio-hours dl, .studio-hours dt, .studio-hours dd, .studio-hours p,
.screen-field p, .screen-options label, .screen-checks label, .screen-intro,
.screen-small, .services-cta p, .group .note, .booking-bottom p,
.site-footer p, .site-footer a, .footer-copyright, .small-print,
.guides, .details p, .field label, .form-foot small,
.faq-answer, .faq-item p, .faq-item li {font-size:17px !important;line-height:1.7 !important;}
/* Price rows should be especially easy to scan. */
.services .item, .group .item, .services .item span, .group .item span,
.services .item em, .group .item em {font-size:17px !important;line-height:1.5 !important;}
/* Clear hierarchy without blowing up the existing homepage hero. */
.group h3, .info-card h2 {font-size:clamp(26px,2.7vw,33px) !important;line-height:1.27 !important;}
.info-main h2, .info-wrap h2, .wrap > h2 {line-height:1.25;}
.info-main h3, .info-wrap h3 {line-height:1.32;}
/* Navigation, labels and clickable areas. */
nav, nav a, nav summary, .top-nav, .top-nav a, .top-nav summary {font-size:16px !important;}
.book-nav-btn, .screen-btn, .screen-outline, button, input[type=submit],
.booking-bottom a, .booking-actions a {font-size:17px !important;min-height:48px;}
input, textarea, select, .field input, .field textarea, .field select {font-size:17px !important;}
.eyebrow, .intro .summer-promo-eyebrow {font-size:15px !important;}
.intro .summer-promo small, .intro .summer-promo-detail,
.intro .summer-promo .summer-promo-dates {font-size:16px !important;line-height:1.6 !important;}
/* Temporary booking notice: slightly more readable but still compact. */
.booking-change-notice p {font-size:17px !important;line-height:1.6 !important;}
.booking-change-notice h2 {font-size:clamp(21px,2.2vw,27px) !important;line-height:1.3 !important;}
.booking-change-notice .booking-change-actions a {font-size:16px !important;min-height:54px !important;padding:13px 19px !important;}
.booking-change-notice .booking-change-only, .booking-change-notice .booking-change-hours,
.booking-change-notice small {font-size:16px !important;}
@media(max-width:780px){
 body {font-size:17px !important;}
 p, li, dd, dt, .item, .item span, .item em, .note, .sub, .description,
 .review-card p, .info-card p, .info-card li, .info-main p, .info-main li,
 .studio-hours dl, .studio-hours dt, .studio-hours dd, .studio-hours p,
 .services-cta p, .group .note, .booking-bottom p, .site-footer p,
 .site-footer a, .footer-copyright, .small-print, .guides, .details p,
 .faq-answer, .faq-item p, .faq-item li {font-size:17px !important;}
 nav, nav a, nav summary, .top-nav, .top-nav a, .top-nav summary {font-size:15px !important;}
 .booking-change-notice .booking-change-actions a {width:100%;max-width:100%;min-height:56px !important;}
}
@media(max-width:430px){
 .studio-hours dt, .studio-hours dd {font-size:16px !important;}
 .group .item, .group .item span {font-size:16px !important;}
 .booking-change-notice p {font-size:16px !important;}
 .booking-change-notice .booking-change-actions a {font-size:16px !important;}
 /* Avoid tiny nav while keeping the brand logo and menu on screen. */
 nav, nav a, nav summary, .top-nav, .top-nav a, .top-nav summary {font-size:14px !important;}
}