/* Approved opening-view layout for the remaining calculators. */
.tool-hero{grid-template-columns:1fr 1fr;gap:36px;padding-top:46px;padding-bottom:24px}
.tool-hero h1{font-size:clamp(36px,4.5vw,54px)}
.tool-hero .lead{font-size:18px;line-height:1.65}
.tool-live-hint{color:#617086;font-size:13px;margin-top:13px}
.tool-preview{min-width:0;padding:22px;text-align:left}
.tool-preview-amount{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin:7px 0 10px;color:#0b2442}
.tool-total{font-size:40px;line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere;max-width:100%}
.tool-total.is-message{font-size:24px;letter-spacing:normal}
.tool-preview-amount>span{font-size:14px;color:#617086}
.tool-status{font-size:11px;font-weight:700;color:#617086;margin-bottom:15px}
.tool-chart-caption{font-size:12px;color:#617086;margin:0 0 8px}
.tool-preview .result-visual{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.tool-preview .result-visual h3{font-size:14px;line-height:1.5;margin:0 0 14px}
.tool-preview [class$="-visual-grid"]{grid-template-columns:140px minmax(0,1fr);gap:16px;align-items:center}
.tool-preview [class$="-donut"]{width:140px}
.tool-preview [class$="-donut"]:after{inset:21px}
.tool-preview [class$="-donut-center"] strong{font-size:20px;max-width:100px;line-height:1.2;overflow-wrap:anywhere}
.tool-preview [class$="-donut-center"] small{font-size:10px;max-width:100px;line-height:1.3}
.tool-preview [class$="-legend"]{gap:7px;max-height:200px;overflow-y:auto;overscroll-behavior:contain;min-width:0}
.tool-preview [class$="-legend-row"]{grid-template-columns:9px minmax(0,1fr) auto;gap:5px;padding-bottom:6px;font-size:11px}
.tool-preview [class$="-legend-row"] span,.tool-preview [class$="-legend-row"] strong{font-size:11px}
.tool-preview [class$="-legend-row"] small{font-size:10px}
.tool-preview [class$="-dot"]{width:8px;height:8px}
.tool-preview [class$="-growth-intro"]{font-size:12px;margin-bottom:14px}
.tool-preview [class$="-growth-bars"]{gap:8px}
.tool-preview [class$="-growth-value"]{font-size:11px}
.tool-preview [class$="-growth-year"]{font-size:11px}
.tool-preview [class$="-visual-note"]{font-size:11px;color:#617086;line-height:1.5;margin:12px 0 0}
.tool-preview .results{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}
.tool-preview .metric{padding:10px 8px;border-radius:12px;min-width:0}
.tool-preview .metric small{font-size:10px;line-height:1.5}
.tool-preview .metric strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.tool-example-note{font-size:11px;color:#617086;line-height:1.5;margin:12px 0 0}
#calculator-inputs{scroll-margin-top:125px}
@media(max-width:900px){.tool-hero{grid-template-columns:1fr;gap:22px;text-align:center}.tool-preview{width:100%;max-width:480px}.tool-hero .lead{margin:auto}.tool-hero h1{max-width:650px}}
@media(max-width:480px){.tool-hero{padding-top:26px;gap:14px}.tool-hero h1{font-size:32px;margin:10px 0 13px}.tool-hero .lead{font-size:16px;line-height:1.5}.tool-hero .hero-actions{margin-top:14px}.tool-hero .button{padding:11px 16px;min-height:44px}.tool-live-hint{display:none}.tool-preview{padding:18px}.tool-total{font-size:34px}.tool-total.is-message{font-size:22px}.tool-preview [class$="-visual-grid"]{grid-template-columns:105px minmax(0,1fr);gap:12px}.tool-preview [class$="-donut"]{width:105px}.tool-preview [class$="-donut"]:after{inset:16px}.tool-preview [class$="-donut-center"] strong{font-size:16px;max-width:80px}.tool-preview [class$="-donut-center"] small{max-width:75px;font-size:9px}.tool-preview .metric strong{font-size:14px}.tool-preview .metric{padding:10px 6px}.tool-preview [class$="-growth-bars"]{gap:6px}.tool-preview [class$="-growth-value"]{font-size:9px}.tool-preview [class$="-growth-year"]{font-size:10px}}

.growth-preview [class$="-growth-track"]{height:150px}
.growth-preview .tool-status{margin-bottom:10px}
.growth-preview [class$="-growth-intro"]{margin-bottom:10px}
.growth-preview .results{margin-top:12px}
.growth-preview .tool-example-note{margin-top:8px}
@media(max-width:480px){.growth-preview{padding:16px}.growth-preview [class$="-growth-value"]{font-size:10px}}
/* Keep currency and hour labels on one line within the donut hole. */
.tool-preview [class$="-donut-center"] strong{white-space:nowrap;overflow-wrap:normal}