.service-expanded h2,.finance-calculator h2{color:#930041;font-size:30px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.service-grid article{padding:28px;background:#f6f5f7;border-radius:12px}.service-grid h3{font-size:21px;margin:0 0 14px}.service-grid p{margin:0;line-height:1.75}.finance-calculator{background:#f6f5f7;scroll-margin-top:120px}.calculator-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.calculator-controls label{display:block;font-weight:700;font-size:16px}.calculator-controls input[type=number]{display:block;width:100%;box-sizing:border-box;padding:13px;border:1px solid #bbb;border-radius:6px;font:inherit;margin-top:9px;background:#fff;color:#29262b}.calculator-controls input[type=range],.calculator-inspect input{width:100%;accent-color:#bb0050;margin:16px 0;min-height:26px}.calculator-controls small{font-weight:400;color:#555}.calculator-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}.calculator-summary>div{background:#fff;border-radius:9px;padding:22px}.calculator-summary span{display:block;font-size:14px;color:#555}.calculator-summary strong{display:block;font-size:23px;color:#930041;margin-top:8px}.calculator-chart{background:white;border-radius:12px;padding:18px;margin:24px 0}.calculator-chart svg{display:block;width:100%;height:auto;min-height:190px}.calculator-chart svg text{font:13px sans-serif;fill:#555}.chart-legend{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}.chart-legend span:before{content:'';display:inline-block;width:22px;height:3px;background:var(--line);vertical-align:middle;margin-right:7px}.calculator-inspect label{font-weight:700}.calculator-note{font-size:14px;color:#555;line-height:1.6}.calculator-table{overflow:auto}.calculator-table table{width:100%;border-collapse:collapse;white-space:nowrap;margin-top:16px}.calculator-table td,.calculator-table th{padding:12px;text-align:right;border-bottom:1px solid #ddd}.calculator-table th:first-child{text-align:left}.calculator-table summary{cursor:pointer;font-weight:700;padding:16px 0}.source-link{font-size:15px;margin-top:25px}input:focus-visible,summary:focus-visible{outline:3px solid #bb0050;outline-offset:3px}@media(max-width:700px){.service-grid,.calculator-controls,.calculator-summary{grid-template-columns:1fr}.service-grid article{padding:22px}.calculator-chart{padding:8px}.calculator-summary strong{font-size:21px}.finance-calculator .wrap{width:calc(100% - 32px)}}

/* Keep the controls and their live graph together in the viewport. */
.finance-calculator .calculator-controls{gap:12px 16px;margin:18px 0 12px}
.finance-calculator .calculator-controls label{font-size:14px;line-height:1.4}
.finance-calculator .calculator-controls input[type=number]{padding:8px 10px;margin-top:6px;min-height:40px;font-size:16px}
.finance-calculator .calculator-controls input[type=range]{display:block;margin:4px 0;min-height:28px}
.finance-calculator .calculator-controls small{display:block;font-size:12px;line-height:1.4}
.finance-calculator .calculator-chart{margin:12px 0 16px;padding:12px 16px}
.finance-calculator .calculator-chart svg{height:clamp(220px,32vh,290px);min-height:0}
.finance-calculator .chart-legend{gap:8px 18px;font-size:13px}
.finance-calculator .calculator-summary{margin:16px 0;gap:10px}
.finance-calculator .calculator-summary>div{padding:12px 14px}
.finance-calculator .calculator-summary strong{font-size:20px;margin-top:4px}
.finance-calculator .calculator-inspect{margin-top:18px}
.finance-calculator .calculator-inspect input{display:block;margin:5px 0}
@media(min-width:1100px){
 .finance-calculator .calculator-controls{grid-template-columns:repeat(5,minmax(0,1fr))}
 .finance-calculator .calculator-controls label{min-height:40px}
 .finance-calculator .calculator-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
 .finance-calculator .calculator-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .finance-calculator .calculator-controls label{min-height:40px;font-size:13px}
 .finance-calculator .calculator-controls input[type=range]{min-height:32px}
 .finance-calculator .calculator-chart{padding:10px 6px}
 .finance-calculator .calculator-chart svg{height:auto;min-height:150px}
 .finance-calculator .chart-legend{gap:6px 12px;font-size:12px}
}
