.calculator-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}
.action-button{border:1px solid #dbe4d8;background:#fff;color:#315746;border-radius:9px;padding:11px 14px;font-size:13px;font-weight:700;transition:background .16s,border-color .16s,transform .16s}
.action-button:hover{background:#f0f4ea;border-color:#b8c9ae;transform:translateY(-1px)}
.action-button.primary{background:#194d3e;border-color:#194d3e;color:#fff}
.action-button.primary:hover{background:#28614d;border-color:#28614d}
.calculator-action-note{flex-basis:100%;margin:0;color:#7a8780;font-size:11px;line-height:1.5}
.calculator-action-status{flex-basis:100%;min-height:18px;margin:0;color:#587b37;font-size:12px;font-weight:700}
.calculator-action-status.error{color:#9b433b}
.loan-charts{margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.chart-card{min-width:0;padding:22px;background:#fff;border:1px solid #e6eae4;border-radius:14px}
.chart-card h2{font:700 18px Manrope,sans-serif;letter-spacing:-.03em;margin:0 0 5px}
.chart-card p{font-size:13px;line-height:1.55;color:#687772;margin:0 0 14px}
.chart-frame{height:260px;position:relative}
.chart-frame canvas{display:block;width:100%;height:100%}
.chart-status{font-size:12px;color:#687772;margin-top:9px;min-height:18px}
.mortgage-comparison-summary{padding:24px;margin:0 0 18px;background:#eaf0e4;border:1px solid #dce6d5;border-radius:16px}
.comparison-page-intro{margin:8px 0 22px}
.comparison-page-intro h1{font:800 clamp(34px,4.5vw,48px) Manrope,sans-serif;letter-spacing:-.045em;line-height:1.08;color:#1d302c;margin:8px 0 10px}
.comparison-page-intro .intro{color:#687772;line-height:1.65;max-width:700px;margin:0}
.mortgage-comparison-summary .eyebrow{margin-bottom:8px}
.mortgage-comparison-summary h2{font:800 clamp(22px,3vw,30px) Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 8px;color:#194d3e}
.mortgage-comparison-summary p{color:#596b60;line-height:1.6;margin:0}
.comparison-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.comparison-metric{padding:14px;background:#ffffffd9;border:1px solid #dce6d5;border-radius:11px;min-width:0}
.comparison-metric span{display:block;color:#708078;font-size:11px;margin-bottom:6px}
.comparison-metric strong{font:700 19px Manrope,sans-serif;color:#194d3e;overflow-wrap:anywhere}
.mortgage-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
.mortgage-compare-grid .tool-main,.mortgage-compare-grid .scenario-card{min-width:0;background:#fff;border:1px solid #e7ece5;border-radius:16px;padding:26px}
.scenario-card{box-shadow:0 8px 26px #193d2c08}
.scenario-card h2,.scenario-card h3{font:700 21px Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 6px;color:#1d302c}
.scenario-card .scenario-description{font-size:13px;line-height:1.55;color:#748078;margin:0 0 18px}
.scenario-b{border-top:3px solid #9ab75c!important}
.mortgage-compare-grid .result-panel{grid-column:1/-1;position:relative;top:auto}
.scenario-label{display:inline-flex;align-items:center;gap:7px;color:#678b3e;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:10px}
.scenario-label i{width:7px;height:7px;background:#91b255;border-radius:50%}
@media(max-width:760px){.mortgage-compare-grid{grid-template-columns:1fr}.mortgage-compare-grid .result-panel{grid-column:auto}.comparison-metrics{grid-template-columns:1fr}}
@media(max-width:560px){.calculator-actions{gap:8px}.action-button{flex:1;padding:11px 10px}.calculator-action-note,.calculator-action-status{flex-basis:100%}}
@media(max-width:600px){.loan-charts{grid-template-columns:1fr;gap:12px}.chart-card{padding:18px}.chart-frame{height:230px}}