/* Compact type scale shared by the new site, member and admin pages. */
:root{--page-title-size:clamp(23px,2.4vw,30px);--hero-title-size:clamp(25px,2.7vw,32px)}
body{font-size:14px;line-height:1.8}
h1{font-size:var(--page-title-size)!important;line-height:1.4!important;letter-spacing:.01em}
h1 span{font-size:inherit!important}
.hero h1,.page-hero h1,.title-hero h1{font-size:var(--hero-title-size)!important;line-height:1.35!important}
h2{font-size:clamp(18px,1.8vw,22px)!important;line-height:1.5!important}
h3{font-size:16px!important;line-height:1.55!important}
.product-info h1{font-size:26px!important;font-weight:500;line-height:1.45!important}
.product-info .lead,.detail-copy,.detail-row p,.answer-copy{font-size:14px;line-height:1.9}
.brand,.site-head .brand{font-size:16px}
.selected-price{font-size:21px!important}
@media(max-width:760px){
 :root{--page-title-size:22px;--hero-title-size:24px}
 h2{font-size:18px!important}h3{font-size:15px!important}
 .product-info h1{font-size:22px!important}
 .product-info{padding-top:28px;padding-bottom:32px}
 .product-info .lead,.detail-copy,.detail-row p,.answer-copy{font-size:14px;line-height:1.85}
 /* Editable controls stay at 16px to prevent Safari focus zoom. */
 input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}
}