@media(max-width:759px){html{scroll-padding-top:88px}.site-shell input:not([type=radio]):not([type=checkbox]),.site-shell select,.site-shell textarea{font-size:16px!important}.site-shell button,.site-shell input,.site-shell select{touch-action:manipulation}.site-shell main [id]{scroll-margin-top:88px}.site-header{min-height:64px!important;height:auto;padding-block:10px!important}.mobile-sticky{min-height:60px!important;bottom:max(8px,env(safe-area-inset-bottom))!important}.mobile-sticky>a,.mobile-sticky>button{min-height:46px!important}body:has([data-mobile-calculator-bar=true]) [data-mobile-calculator-float]{display:none}body:has(.mobile-menu-layer) [data-mobile-calculator-float]{display:none}.site-shell .site-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}.sqn-product-add-wrap{flex:0 0 auto;padding:0 12px 12px;min-width:0}.sqn-product-add{min-height:44px;font-size:13px;line-height:1.4;white-space:normal}.mobile-menu{max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(20px + env(safe-area-inset-bottom))}}body:has(dialog[open][aria-labelledby]) [data-mobile-calculator-float]{visibility:hidden}@media(max-width:759px){body:has([data-article-tools]){padding-bottom:calc(60px + env(safe-area-inset-bottom))}.paint-guide{padding:28px 18px 40px}.paint-guide h1{font-size:clamp(28px,7.2vw,34px);line-height:1.2}.paint-guide h2{font-size:23px;line-height:1.35}.paint-guide li,.paint-guide p{font-size:16px;line-height:1.75;overflow-wrap:break-word}.paint-guide .guide-checklist{padding:20px 16px}.paint-guide .guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.paint-guide .guide-actions>a:first-child{grid-column:1/-1}.paint-guide .guide-actions .btn{min-height:48px;padding:12px;font-size:14px;white-space:normal}}@media print{body:has([data-article-tools]){padding-bottom:0}}@media(max-width:760px){body:has(input:focus,textarea:focus) .mobile-sticky,body:has(input:focus,textarea:focus) [data-mobile-calculator-float]{display:none!important}body:has(dialog[open]) .mobile-sticky,body:has(dialog[open]) [data-mobile-calculator-float]{visibility:hidden!important;pointer-events:none!important}.mobile-sticky a{min-height:48px}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.42s}::view-transition-old(root){transform-origin:left center;animation:sqn-page-out .36s cubic-bezier(.3,0,.3,1) both}::view-transition-new(root){transform-origin:left center;animation:sqn-page-in .42s cubic-bezier(.2,.7,.25,1) both}::view-transition{pointer-events:none}@keyframes sqn-page-out{to{opacity:0;transform:perspective(1800px) translateX(-2%) rotateY(-7deg)}}@keyframes sqn-page-in{0%{opacity:.35;transform:perspective(1800px) translateX(2%) rotateY(6deg)}to{opacity:1;transform:none}}@supports not (view-transition-name:root){html:not([data-sqn-motion=off]) [data-sqn-entrance]{animation:sqn-fallback-in .28s ease-out}@keyframes sqn-fallback-in{0%{opacity:.9;translate:0 8px}to{opacity:1;translate:0 0}}}}@media (max-width:759px),(pointer:coarse){::view-transition-old(root){animation-name:sqn-mobile-out;animation-duration:.26s}::view-transition-new(root){animation-name:sqn-mobile-in;animation-duration:.42s}@keyframes sqn-mobile-out{to{opacity:0;transform:translateX(-12px)}}@keyframes sqn-mobile-in{0%{opacity:.35;transform:translateX(16px) scale(.985)}to{opacity:1;transform:none}}}@media (hover:hover) and (pointer:fine) and (min-width:760px) and (prefers-reduced-motion:no-preference){html[data-sqn-motion=on] [data-sqn-stage]{isolation:isolate}html[data-sqn-motion=on] [data-sqn-stage] [data-sqn-float]{transform-origin:50% 70%;transition:transform .24s cubic-bezier(.2,.7,.25,1),filter .24s ease}html[data-sqn-motion=on] [data-sqn-stage][data-sqn-hover=true] [data-sqn-float]{transform:perspective(900px) rotateX(var(--sqn-rx,0deg)) rotateY(var(--sqn-ry,0deg)) translateY(-6px) scale(1.035)!important;filter:drop-shadow(0 16px 10px rgb(12 41 38/.14))}html[data-sqn-motion=on] [data-sqn-parallax]>img{transform:translateY(var(--sqn-scroll-y,0)) scale(1.07);transform-origin:center}}.sqn-motion-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 6px;margin-top:14px;border-top:1px solid #e2e7e1;color:#24483d}.sqn-motion-setting strong{display:block;font:600 13px/1.5 var(--sqn-font-body,Arial,sans-serif)}.sqn-motion-setting span{display:block;font:400 11px/1.6 var(--sqn-font-body,Arial,sans-serif);color:#657c70}.sqn-motion-setting button{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid #cad7cc;border-radius:22px;background:#f4f7ef;color:#204c3c;font:600 12px/1.4 var(--sqn-font-body,Arial,sans-serif);cursor:pointer}.sqn-motion-setting button>span{width:9px;height:9px;border-radius:50%;background:#81928a}.sqn-motion-setting button[aria-checked=true]>span{background:#24714f;box-shadow:0 0 0 3px #24714f18}.sqn-motion-setting button:focus-visible{outline:3px solid #ad8241;outline-offset:3px}.sqn-motion-setting button:disabled{cursor:default;opacity:.7}html[data-sqn-motion=off]::view-transition-group(root),html[data-sqn-motion=off]::view-transition-new(root),html[data-sqn-motion=off]::view-transition-old(root){animation:none!important}html[data-sqn-motion=off] [data-sqn-float],html[data-sqn-motion=off] [data-sqn-parallax]>img{transform:none!important;transition:none!important;filter:none!important}html[data-sqn-motion=off]{scroll-behavior:auto}@media (prefers-reduced-motion:reduce),print{@view-transition{navigation:none}::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}[data-sqn-float],[data-sqn-parallax]>img,[data-sqn-reveal]{animation:none!important;transform:none!important;translate:none!important;filter:none!important;opacity:1!important}html{scroll-behavior:auto!important}}@media print{.sqn-motion-setting{display:none!important}}@media (max-width:759px) and (prefers-reduced-motion:no-preference),(pointer:coarse) and (prefers-reduced-motion:no-preference){html[data-sqn-motion=on] [data-sqn-parallax]>img{transform:translateY(var(--sqn-scroll-y,0)) scale(1.04);transform-origin:center}html[data-sqn-motion=on] [data-sqn-stage] img{transition:transform .18s ease-out}html[data-sqn-motion=on] [data-sqn-stage]:active img{transform:perspective(800px) rotateY(-5deg) translateY(2px) scale(.96)}}