/* Concepts 2 and 3: readable 14 / 16 / 18px UI scale, informed by shadcn/ui. */
body{font-size:16px;line-height:1.5}
body.readable-type .design-switcher,body.readable-type .design-switcher a{font-size:14px;letter-spacing:0}
body.readable-type .design-switcher a{min-height:40px;padding:0 20px}
body.readable-type .button,body.readable-type .text-link,body.readable-type .section-heading>.text-link{font-size:14px;line-height:20px}
body.readable-type .button{min-height:48px}
body.readable-type .benefits strong{font-size:14px;line-height:1.6}
body.readable-type .benefits{gap:28px;padding-top:30px;padding-bottom:30px}
body.readable-type .selects label span{font-size:14px;line-height:20px;letter-spacing:0;margin-bottom:8px}
body.readable-type .selects label{padding:12px 14px}
body.readable-type select{font-size:16px;line-height:24px;min-height:32px}
body.readable-type select:disabled{opacity:1;}
body.readable-type .selects .button{min-height:48px}
body.readable-type #results{font-size:16px;line-height:1.6}
body.readable-type .tabs button{font-size:14px;line-height:20px;}
body.readable-type .product-kind{font-size:14px;line-height:20px;letter-spacing:0;}
body.readable-type .product h3{font-size:18px;line-height:1.5;letter-spacing:-.2px}
body.readable-type .product-bottom{font-size:16px;line-height:24px}
body.readable-type .story-copy>p,body.readable-type .install-grid p{font-size:16px;line-height:1.75;}
body.readable-type .install-link{font-size:14px;line-height:22px}
body.readable-type .phone{font-size:18px;line-height:28px}
body.readable-type .support small{font-size:14px;line-height:22px;}
body.readable-type .footer-menus h2{font-size:16px;line-height:24px}
body.readable-type .footer-menus a{font-size:14px;line-height:1.7;margin:10px 0}
body.readable-type .footer-bottom{font-size:14px;line-height:22px;}
body.readable-type .nav-children a,body.readable-type .store-mobile .nav-children a,body.readable-type .store-mobile .mobile-tools a{font-size:14px;line-height:22px}
@media(max-width:760px){
 body.readable-type .design-switcher{padding:8px 5%;gap:10px}
 body.readable-type .design-switcher a{padding:0 11px}
 body.readable-type .benefits{gap:24px 20px}
 body.readable-type .section-heading{flex-wrap:wrap;gap:12px}
 body.readable-type .section-heading>.text-link{margin-top:0;white-space:normal}
 body.readable-type .product h3{font-size:16px;line-height:24px}
 body.readable-type .story-copy h2{line-height:1.3}
 body.readable-type .support .button{max-width:100%;padding:12px 18px;overflow-wrap:anywhere}
}
@media(max-width:360px){body.readable-type .design-switcher a{padding:0 8px}body.readable-type .selects{grid-template-columns:1fr}body.readable-type .products{grid-template-columns:1fr}}

body.readable-type .cinema-action,body.readable-type .cinema-bottom a,body.readable-type .mood-bottom>a,body.readable-type .scene-indicators button{font-size:14px;line-height:22px;letter-spacing:0}
body.readable-type .store-desktop{font-size:14px}
body.readable-type .mood-bottom>button{min-height:44px;min-width:44px}
body.readable-type .scene-indicators{gap:12px;margin-right:0}
@media(max-width:600px){body.readable-type .scene-indicators i{width:18px}body.readable-type .mood-bottom{gap:10px}body.readable-type .mood-bottom>a{gap:10px}body.readable-type .design-switcher>span{font-size:14px}}
