/* Shared reading sizes; loaded after page-specific styles. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:18px;line-height:1.6}
input,select,textarea{font-size:17px}
small,.muted,.sub,.sub2{font-size:15px;line-height:1.6}
.btn,.btn.sm,.btn.sec{font-size:16px;line-height:1.4;min-height:48px}
.lbl{font-size:14px;line-height:1.5;letter-spacing:.06em}
footer,footer small{font-size:15px;line-height:1.7}
/* Public pages */
nav .nl{font-size:16px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
nav .btn{white-space:nowrap;flex-shrink:0}
.lede{font-size:20px;line-height:1.7;max-width:480px}
.note{font-size:15px;flex-wrap:wrap}
.eyebrow,.kicker{font-size:13px;letter-spacing:.12em}
.head p,.intro-benefits p,.step p,.card p,.band p,.band ul{font-size:17px;line-height:1.7}
.num span,.footer-brand small{font-size:14px}
.discovery .filters label,.discovery .event-date,.discovery small{font-size:15px}
.cta .btn{font-size:16px;white-space:nowrap}
/* Tasting and organizer pages */
.tasting-app .lbl,.eyeline{font-size:14px}
.tasting-app .hmeta,.tasting-app .res .pd,.tasting-app .sip-banner p{font-size:15px}
.tasting-app .who,.tasting-app .drink-link,.tasting-app .btn.sm,.tasting-app .btn.sec,.view-heading p{font-size:16px}
.tasting-app .sip-banner{font-size:16px}
.tasting-app .sip-banner strong{font-size:17px}
.fat .b span{font-size:12px}
@media(max-width:760px){
 nav .wrap{height:auto;min-height:76px;display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:12px;padding-bottom:12px}
 nav .brand{flex:1 0 calc(100% - 10px);font-size:27px}
 nav .sp{display:none}
 nav .nl{font-size:15px;flex:1 1 auto}
 nav .btn.sm{font-size:15px;padding:10px 14px;margin-left:auto}
 .hero h1{font-size:clamp(40px,10.5vw,64px)}
 .lede{font-size:18px}
 .note{gap:8px;font-size:15px}
 .cta .btn{flex:1 1 auto;padding:14px 18px}
 .wrap{padding-inline:22px}
 .tasting-app .hrow{flex-wrap:wrap;gap:10px}
}
@media(max-width:370px){nav .nl{font-size:14px}nav .btn.sm{font-size:14px;padding-inline:10px}nav .wrap{gap:8px}}
@media(max-width:760px){
 nav .brand{flex:1 1 auto;order:0;font-size:25px;gap:8px}
 nav .brand-logo{width:36px;height:36px}
 nav .btn.sm{order:1;flex:0 0 auto}
 nav .nl{order:2;flex:1 0 40%}
}