/* PHQ-0158. Keep calculations above educational content and clear sticky site headers. */
.scalc-candy .scalc-candy-output {scroll-margin-top:clamp(82px,12vh,140px)}
.scalc-candy .scalc-candy-output:focus {outline:3px solid #2754ba;outline-offset:4px}
.scalc-ux-coffee-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px auto 16px;text-align:left}
.scalc-ux-stat {padding:16px;border-radius:14px;border:1px solid #d2d5e4;background:#f9fafc;min-width:0}
.scalc-ux-stat-label {display:block;font-weight:800!important;text-transform:uppercase;letter-spacing:.035em;font-size:.78rem!important;line-height:1.45;color:#263044!important}
.scalc-ux-stat-value {display:block;margin-top:6px;font-size:clamp(1.5rem,3.4vw,2.2rem)!important;line-height:1.18;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.scalc-ux-stat--current {background:#fff3f3;border-color:#c98d93}
.scalc-ux-stat--current .scalc-ux-stat-value {color:#852032}
.scalc-ux-stat--alternative {background:#eff5ff;border-color:#97b5df}
.scalc-ux-stat--alternative .scalc-ux-stat-value {color:#194d87}
.scalc-ux-stat--savings,.scalc-ux-stat--even {background:#e9f7ed;border:2px solid #287646}
.scalc-ux-stat--savings .scalc-ux-stat-value,.scalc-ux-stat--even .scalc-ux-stat-value {color:#12632f}
.scalc-ux-stat--increase {background:#fff3f3;border:2px solid #b84a4a}
.scalc-ux-stat--increase .scalc-ux-stat-value {color:#802632}
.scalc-candy[data-candy-id=coffee-cost] .scalc-ux-output--comparison > .scalc-candy-result-label,
.scalc-candy[data-candy-id=coffee-cost] .scalc-ux-output--comparison > .scalc-candy-result-number,
.scalc-candy[data-candy-id=coffee-cost] .scalc-ux-output--comparison > .scalc-candy-result-unit {display:none}
@media(max-width:720px){.scalc-ux-coffee-stats{grid-template-columns:1fr;gap:10px}.scalc-ux-stat{padding:14px}}
@media(prefers-reduced-motion:reduce){.scalc-candy .scalc-ux-coffee-stats *{transition:none!important;animation:none!important}}