/* Two views in chapter three. Native document scrolling; no wheel interception. */
.difference{display:block;padding:0;min-height:0;background:#EFE3CB}
.money-stage{position:relative}
.money-panel{padding:55px 6vw 85px;min-height:100svh}
.money-world{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#C4552D;color:#FAF6EF}
.money-world .eyebrow{color:#FAF6EF;margin-bottom:24px}
.difference .money-title{font-size:clamp(25px,3.3vw,50px);font-weight:400;letter-spacing:-1.3px}
.money-world .ota-figure{flex-direction:column;gap:0;color:#FAF6EF;margin:17px 0 23px}
.money-world #ota-revenue{font-size:clamp(160px,25vw,380px);font-weight:600;letter-spacing:-.065em;line-height:.96;padding-right:.06em}
.money-world .ota-unit{font-size:clamp(26px,4.2vw,64px);line-height:1.2;letter-spacing:-1.5px}
.money-world .ota-description{font-size:clamp(12px,1.25vw,18px);margin-top:0}
.money-world .ota-source{color:#FAF6EF;justify-content:center;font-size:10px;gap:16px;margin-top:14px}
.money-world .inline-link{min-height:32px}
.money-next{background:none;color:#FAF6EF;border:0;border-top:1px solid #faf6ef66;min-height:48px;display:flex;gap:40px;align-items:center;margin-top:32px;padding:15px 0 0;font-size:12px}
.money-next span{font-size:23px}
.money-world button:focus-visible{outline-color:#FAF6EF}
.money-farm{display:flex;flex-direction:column;justify-content:center;gap:30px;background:#EFE3CB}
.farm-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}
.farm-heading h2{font-size:clamp(32px,3.4vw,52px)}
.farm-heading>p{font-size:14px;color:#655846;line-height:1.7;max-width:330px}
.farm-heading>p span{font-size:10px;display:block;margin-top:7px}
.retained{font-size:11px;margin-top:10px;color:#655846}
.retained strong{font-weight:600;color:#2c2620}
.new .retained strong{color:#9e3f1d}
.money-navigation{display:none}
.money-focus{display:none}
.scroll-money{height:calc(var(--money-stage-height,100svh) + 85svh)}
.scroll-money .money-stage{height:var(--money-stage-height,100svh);position:sticky;top:0;overflow:hidden;background:#C4552D}
.scroll-money .money-panel{position:absolute;inset:0;min-height:0;will-change:transform,opacity}
.scroll-money .money-world{z-index:2;background:transparent}
.scroll-money .money-world .ota-figure{will-change:transform;transform-origin:50% 50%}
.scroll-money .money-farm{z-index:1;opacity:0;background:transparent}
.scroll-money .money-focus{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;color:#9e3f1d}
.money-focus-number{position:absolute;transform-origin:center;will-change:transform,opacity;line-height:1.05}
.money-focus-number .currency{margin-left:var(--focus-currency-margin,10px)}
.money-focus-intro{position:absolute;top:21%;left:6vw;right:6vw;text-align:center}
.money-focus-intro .eyebrow{color:#9e3f1d;margin-bottom:15px;font-size:11px}
.money-focus-intro>p:last-child{font-size:clamp(24px,2.7vw,40px);letter-spacing:-1px;color:#2c2620}
.money-focus-caption{position:absolute;left:6vw;right:6vw;top:68%;text-align:center}
.money-focus-caption>p{font-size:clamp(28px,3.4vw,50px);letter-spacing:-1.5px;color:#2c2620}
.money-focus-caption>span{display:block;font-size:11px;margin-top:18px;color:#655846}
.scroll-money .money-navigation{position:absolute;bottom:22px;left:6vw;right:6vw;z-index:3;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #faf6ef66;padding-top:12px;color:#FAF6EF;font-size:10px}
.money-steps{display:flex;align-items:center;gap:20px}
.money-steps button{border:0;background:none;color:inherit;font-size:10px;padding:8px 0;display:flex;gap:10px;opacity:.7}
.money-steps button[aria-pressed=true]{opacity:1;font-weight:700}
.money-steps i{display:block;width:70px;height:1px;background:currentColor;opacity:.5}
.scroll-money[data-money-phase=farm] .money-navigation{color:#655846;border-color:#b7a78d}
.scroll-money[data-money-phase=world] .money-navigation button:focus-visible{outline-color:#FAF6EF}
.scroll-money .fee-track i{transform:scaleX(0)}
.scroll-money[data-money-phase=farm] .fee-track i{transform:scaleX(1)}
@media(min-width:901px) and (max-height:800px){
 .money-panel{padding-top:30px;padding-bottom:75px}
 .money-world .eyebrow{margin-bottom:15px}.money-world .ota-figure{margin:12px 0 15px}
 .money-world #ota-revenue{font-size:min(25vw,38svh)}
 .money-world .ota-unit{font-size:46px}.money-next{margin-top:22px}
 .money-farm{gap:23px}.farm-heading h2{font-size:38px}.farm-heading .eyebrow{margin-bottom:10px}
 .retained{margin-top:7px}.money-farm .saving-caption{font-size:24px}
}
@media(max-width:900px){
 .money-panel{padding:42px 6vw 50px}
 .money-world{min-height:85svh}
 .money-world #ota-revenue{font-size:clamp(130px,29vw,240px)}
 .money-world .ota-unit{font-size:clamp(28px,5vw,42px);letter-spacing:-1px}
 .money-world .ota-description{font-size:13px;max-width:360px}
 .money-world .ota-source{flex-direction:column;gap:0;font-size:9px;max-width:300px}
 .money-world .eyebrow{font-size:9px}.difference .money-title{font-size:28px;letter-spacing:-1px}
 .farm-heading{display:block}.farm-heading h2{font-size:33px}
 .farm-heading>p{font-size:12px;margin-top:18px;max-width:none}
 .farm-heading>p span{font-size:9px}
 .money-farm{gap:25px}.retained{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.money-next span{animation:none}}
/* Keep both numbers in the phone viewport. The tall calculator itself supplies
   the stage height and is released into ordinary page scrolling afterwards. */
.compact-money .money-farm{position:relative;inset:auto;min-height:100svh;justify-content:flex-start;padding-bottom:45px}
.compact-money .money-world{inset:0 0 auto;height:100svh;min-height:0;padding:28px 6vw 35px}
.compact-money .money-focus{inset:0 0 auto;height:100svh}
.compact-money .money-navigation{display:none}
.compact-money .money-focus-intro{top:20%}
.compact-money .money-focus-caption{top:64%}
.compact-money .money-focus-intro>p:last-child{font-size:25px;line-height:1.25}
.compact-money .money-focus-caption>p{font-size:32px;line-height:1.2}
.compact-money .money-focus-caption>span{font-size:10px;line-height:1.65;max-width:310px;margin:18px auto 0}
.compact-money .money-world .ota-source{line-height:1.65}
@media(max-width:900px) and (max-height:700px){
 .compact-money .money-world .eyebrow{margin-bottom:18px;font-size:8px}
 .compact-money .money-title{font-size:24px}
 .compact-money .money-world .ota-figure{margin:18px 0}
 .compact-money .money-world #ota-revenue{font-size:clamp(120px,43vw,180px)}
 .compact-money .money-world .ota-unit{font-size:27px}
 .compact-money .money-world .ota-description{font-size:12px}
 .compact-money .money-world .ota-source{margin-top:8px;font-size:8px}
 .compact-money .money-next{margin-top:18px;font-size:11px}
 .compact-money .money-focus-intro{top:17%}
 .compact-money .money-focus-intro .eyebrow{font-size:9px;margin-bottom:12px}
 .compact-money .money-focus-intro>p:last-child{font-size:23px}
 .compact-money .money-focus-caption>p{font-size:28px}
}