.calculator-page { max-width: 960px; padding-bottom: 3rem; }
.calculator-intro { max-width: 720px; margin-bottom: 2rem; }
.calculator-card { background: #fff; border: 1px solid #e1e8ef; border-radius: 14px; padding: 1.5rem; box-shadow: 0 2px 8px rgba(36, 64, 90, .06); }
.calculator-card-spaced { margin-top: 1.5rem; }
.calculator-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.25rem 0; }
.calculator-fields label { color: #344054; font-weight: 600; }
.calculator-fields input { display: block; width: 100%; margin-top: .35rem; padding: .55rem .7rem; border: 1px solid #b9c7d6; border-radius: .4rem; font-weight: 400; }
.calculator-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.calculator-results div { padding: 1rem; background: #f1f7fc; border-radius: .5rem; }
.calculator-results span, .calculator-results strong { display: block; }
.calculator-results span { color: #526171; font-size: .9rem; }
.calculator-results strong { margin-top: .35rem; color: #0b5ea8; font-size: 1.25rem; }
.calculator-note { margin: 1.25rem 0 0; color: #526171; font-size: .9rem; }
.calculator-next-steps { margin-top: 2.5rem; }
.calculator-link-card { display: block; height: 100%; padding: 1.2rem; color: inherit; text-decoration: none; background: #fff; border: 1px solid #e1e8ef; border-radius: .6rem; }
.calculator-link-card:hover { border-color: #0d6efd; color: inherit; }
.calculator-link-card h3 { color: #0b5ea8; font-size: 1.1rem; }
.calculator-link-card p { margin-bottom: 0; }
@media (max-width: 575.98px) { .calculator-fields, .calculator-results { grid-template-columns: 1fr; } .calculator-card { padding: 1rem; } }