/* specs/027: the calculator box on the public calculator pages; the rest is guides.css. */
.calculator{background:#fff;border:1px solid #dedfd3;border-radius:22px;padding:28px;margin:8px 0 48px}
.calculator noscript p{margin:0;color:#53574b}
.calc-form{display:grid;gap:18px}
.calc-label,.calc-field label{display:block;font-weight:650;margin:0 0 8px}
.calc-field label span{font-weight:400;color:#62665d;font-size:14px}
.calc-chips{display:flex;flex-wrap:wrap;gap:10px}
.calc-chip{min-height:52px;min-width:44px;border:1px solid #cfd3c2;border-radius:14px;background:#f8f7f2;color:#242620;font:inherit;font-size:15px;padding:8px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;line-height:1.4}
.calc-chip small{font-size:12px;color:#62665d}
.calc-chip[aria-pressed="true"]{border:2px solid #2c654d;background:#eef4ee;font-weight:650}
.calc-input{display:flex;align-items:center;gap:8px;background:#f3f3ea;border:1px solid #d9dccd;border-radius:14px;padding:0 16px}
.calc-input:focus-within{outline:3px solid #626b3c;outline-offset:2px}
.calc-input input,.calc-field input[type=date]{flex:1;min-height:52px;border:0;background:transparent;font:inherit;font-size:17px;color:#242620;min-width:0}
.calc-field input[type=date]{background:#f3f3ea;border:1px solid #d9dccd;border-radius:14px;padding:0 16px;width:100%}
.calc-input input:focus{outline:0}
.calc-input span{color:#62665d}
.calc-help{font-size:13px;color:#62665d;margin:8px 0 0;line-height:1.6}
.calc-help:empty,.calc-error:empty{display:none}
.calc-error{color:#a3312c;font-weight:600;margin:0}
.calc-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border:0;border-radius:14px;background:#2c654d;color:#fff;font:inherit;font-weight:700;font-size:17px;padding:12px 24px;text-decoration:none;cursor:pointer;width:100%}
.calc-button:hover{background:#245541;color:#fff}
.calc-result{margin-top:26px;padding-top:24px;border-top:1px solid #e3e5da}
.calc-amount,.calc-sentence{font-size:20px;line-height:1.6;margin:0 0 6px}
.calc-amount strong,.calc-sentence strong{font-size:32px;color:#2c654d;letter-spacing:-.5px}
.calc-sub,.calc-note{color:#53574b;margin:6px 0}
.calc-short{color:#a3312c;font-weight:600}
.calc-next{margin:18px 0 0}
@media(max-width:600px){.calculator{padding:22px 18px}.calc-amount strong,.calc-sentence strong{font-size:28px}}