/* Focused study: Section 3 desktop correction and one Section 4 reveal direction. */
@media(min-width:801px){
 #scan .editorial{grid-template-columns:1.05fr 1.1fr 1.05fr;column-gap:40px}
 #scan .copy p{font:400 22px/1.6 Poppins,sans-serif;max-width:none;align-self:start;margin-top:48px}
 #scan .copy p+p{font:400 22px/1.6 Poppins,sans-serif;max-width:none;align-self:end;margin:0 0 48px}
}
html #fit.fit{padding-block:72px}
#fit>.fit-editorial-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:start}
#fit .fit-left,#fit .fit-right{min-width:0}
#fit .fit-left h2{font:400 64px/1.08 Anton,sans-serif;letter-spacing:-.015em;max-width:620px;margin:0 0 28px}
#fit .editorial-reveal{width:min(100%,387px);margin:0 auto}
#fit .reveal-stage{width:100%;aspect-ratio:387/766;--reveal:50%;position:relative;touch-action:pan-y;cursor:ew-resize}
#fit .reveal-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
#fit .reveal-overlay{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}
#fit .reveal-labels{display:flex;justify-content:space-between;gap:20px;margin:16px 0 0}
#fit .reveal-labels>span:last-child{text-align:right}
#fit .reveal-labels strong{font:500 18px/1.5 Poppins,sans-serif;display:block}
#fit .reveal-labels small{font:400 12px/1.5 Poppins,sans-serif;display:block;color:#A7CCD4;margin-top:2px}
#fit .reveal-control{display:block;margin-top:6px}
#fit .reveal-control input{width:100%;height:44px;margin:0;display:block;accent-color:#209DA7;cursor:ew-resize}
#fit .reveal-control input:focus-visible{outline:3px solid #209DA7;outline-offset:3px}
#fit .reveal-accessible-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
#fit .fit-story p{margin:0;color:inherit}
#fit .fit-story .fit-lead{font:400 30px/1.3 Poppins,sans-serif;letter-spacing:-.02em;margin-bottom:24px}
#fit .fit-story .fit-support{font:400 21px/1.55 Poppins,sans-serif}
#fit .fit-story .fit-emphasis{font:500 24px/1.4 Poppins,sans-serif;border-left:2px solid #209DA7;padding-left:16px;margin:24px 0}
#fit .fit-story .fit-support+.fit-support{margin-top:24px}
#fit .fit-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid #a7ccd455}
#fit .fit-result{padding:0;background:none;color:inherit;min-width:0}
#fit .fit-result h3{font:500 18px/1.5 Poppins,sans-serif;margin:0 0 16px}
#fit .fit-result h3 span{display:block;font:500 11px/1.5 Poppins,sans-serif;letter-spacing:.06em;color:#A7CCD4;margin-top:2px}
#fit .fit-result dl{margin:0}
#fit .fit-result dl>div{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #a7ccd433;font:400 13px/1.5 Poppins,sans-serif}
#fit .fit-result dl>div:last-child{border-bottom:0}
#fit .fit-result dt,#fit .fit-result dd{margin:0}
#fit .fit-result dd{text-align:right;font-weight:400}
#fit .fit-result [data-difference] dd{font-weight:500;text-decoration:underline;text-decoration-color:#209DA7;text-underline-offset:5px}
html[data-fit-tone=neutral] #fit .reveal-labels small,html[data-fit-tone=neutral] #fit .fit-result h3 span{color:#24484D}
html[data-fit-tone=neutral] #fit .fit-comparison{border-color:#24484d55}
html[data-fit-tone=neutral] #fit .fit-result dl>div{border-color:#24484d33}
@media(min-width:801px) and (max-width:1100px){
 #fit>.fit-editorial-grid{gap:40px}
 #fit .fit-left h2{font-size:52px}
 #fit .fit-story .fit-lead{font-size:28px}
 #fit .fit-story .fit-support{font-size:20px}
 #fit .fit-story .fit-emphasis{font-size:22px}
 #fit .fit-comparison{gap:16px}
 #fit .fit-result dl>div{display:block}
 #fit .fit-result dd{text-align:left;margin-top:3px}
}
@media(max-width:800px){
 html #fit.fit{padding-block:48px}
 #fit>.fit-editorial-grid{display:block}
 #fit .fit-left h2{font-size:52px;margin-bottom:24px;max-width:620px}
 #fit .editorial-reveal{width:min(100%,360px)}
 #fit .fit-right{margin-top:32px}
 #fit .fit-story .fit-lead{font-size:28px;line-height:1.3;margin-bottom:20px;max-width:620px}
 #fit .fit-story .fit-support{font-size:18px;line-height:1.6}
 #fit .fit-story .fit-emphasis{font-size:22px;margin-block:20px}
 #fit .fit-story .fit-support+.fit-support{margin-top:20px}
 #fit .fit-comparison{margin-top:28px}
 #fit .fit-result dl>div{font-size:15px}
}
@media(max-width:600px){
 #fit .fit-left h2{font-size:42px;line-height:1.08}
 #fit .editorial-reveal{width:100%;max-width:350px}
 #fit .reveal-labels{margin-top:12px}
 #fit .reveal-labels strong{font-size:16px}
 #fit .reveal-labels small{font-size:11px}
 #fit .fit-right{margin-top:24px}
 #fit .fit-story .fit-lead{font-size:24px;line-height:1.3;margin-bottom:18px}
 #fit .fit-story .fit-support{font-size:16px;line-height:1.65}
 #fit .fit-story .fit-emphasis{font-size:20px;line-height:1.4;margin-block:18px;padding-left:12px}
 #fit .fit-story .fit-support+.fit-support{margin-top:18px}
 #fit .fit-comparison{gap:16px;padding-top:20px;margin-top:24px}
 #fit .fit-result h3{font-size:18px;margin-bottom:12px}
 #fit .fit-result h3 span{font-size:10px;letter-spacing:.04em}
 #fit .fit-result dl>div{font-size:12px;gap:6px;padding-block:8px}
}
@media(max-width:360px){#fit .fit-result dl>div{display:block}#fit .fit-result dd{text-align:left;margin-top:2px}}
@media(prefers-reduced-motion:reduce){#fit .reveal-stage,#fit .reveal-stage img{animation:none;transition:none}}
/* Keep the touch handle within the viewing stage at both reveal endpoints. */
#fit .reveal-divider>span{transform:translate(calc(-50% + var(--handle-offset,0px)),-50%)}