/* Shared hierarchy: PDF pp9–12. Load last; applies equally to VI and EN.
   Hero has its own approved responsive scale in feedback-20261001.css. */
:root{
 --text-page:46px;--text-section:34px;--text-card:28px;
 --text-product:18px;--text-body:16px;--text-meta:14px;--text-label:12px;
 --text-action:16px;--text-price:26px;
 --type-display:var(--text-page);--type-heading:var(--text-section);--type-series:var(--text-card);
}
body{font-size:var(--text-body);line-height:1.65}
#main :where(h1){font-size:var(--text-page);line-height:1.25;letter-spacing:-.025em}
#main :where(h2){font-size:var(--text-section);line-height:1.3;letter-spacing:-.02em}
#main :where(h3,h4){font-size:var(--text-card);line-height:1.35;letter-spacing:-.015em}
#main :where(p,li,dt,dd,td,th){font-size:var(--text-body);line-height:1.65}
#main :where(.product h3){font-size:var(--text-product);line-height:1.5;letter-spacing:0}
#main :where(.collection-card h3 .series-name){font-size:inherit;line-height:inherit}
#main :where(.eyebrow,.new-label,.product .number){font-size:var(--text-label);line-height:1.5;letter-spacing:.1em}
#main :where(.muted,.sku,.series-meta,.series-caption,figcaption,.gallery-heading,.gallery-controls,#gallery-caption,.badges,.colour-more,.colour-tooltip,.feature-specification,.brand-relation){font-size:var(--text-meta);line-height:1.6}
#main :where(.product>p:last-child){font-size:var(--text-product);line-height:1.5}
#main :where(.brand-lead){font-size:var(--text-card);line-height:1.4}
#main :where(label,summary,.specs,.support-tabs a,.category-secondary a,.purchase-addon label,.purchase-options label){font-size:var(--text-meta);line-height:1.6;letter-spacing:0}
#main :where(input,select,textarea){font-size:16px;line-height:1.5}
#main :where(.primary,.secondary,.text-link,.tabs button,.support-tabs a,.purchase-actions>.text-link){font-size:var(--text-action);line-height:1.5;letter-spacing:0}
#main #pdp-price{font-size:var(--text-price);line-height:1.4}
#main :where(.gallery-tabs button span){font-size:var(--text-label);line-height:1.4}
#main .gallery-tabs button{height:auto;min-height:96px}
#main .gallery-heading{flex-wrap:wrap}
#main .series-skus li{font-size:var(--text-meta)}
#main .appliance-icons :where(p,span){font-size:var(--text-meta)}
/* Keep the independently reviewed banner hierarchy and arrow controls. */
#main .rev3-hero h1{font-size:clamp(36px,3.1vw,46px);line-height:1.25}
#main .rev3-hero .hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.65}
#main .rev3-hero .hero-copy .text-link{font-size:16px;line-height:1.5}
footer :where(p,a,label,input,button){font-size:var(--text-meta);line-height:1.7}
footer .footer-grid :where(p:not(.eyebrow),a){font-size:var(--text-meta)}
footer .eyebrow{font-size:var(--text-label);line-height:1.5}
footer .footer-bottom,footer .footer-bottom span{font-size:var(--text-label);line-height:1.6}
:is(#detail-dialog,#search-dialog,#cart-dialog) h2{font-size:var(--text-section);line-height:1.3}
dialog :where(p,label,li,td,th,input,select,textarea,.primary,.secondary){font-size:var(--text-body);line-height:1.6}
dialog :where(.muted,small){font-size:var(--text-meta)}
header nav :where(a,summary),header .nav-panel a{font-size:var(--text-meta);line-height:1.5}
header .nav-series-group .eyebrow,header .nav-panel small{font-size:var(--text-label);line-height:1.5}
@media(max-width:760px){
 :root{--text-page:34px;--text-section:28px;--text-card:24px;--text-product:16px;--text-action:15px;--text-price:24px}
 #main .rev3-hero h1{font-size:clamp(26px,7vw,32px)}
 #main .rev3-hero .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.6}
 #main .rev3-hero .hero-copy .text-link{font-size:15px}
 #main .section-head{flex-wrap:wrap;gap:14px}
 #main .section-head .text-link{white-space:normal}
 #main .brand-chapter .core-values>div{grid-template-columns:1fr;gap:6px}
}
