/* Preserve approved calculator rows; examples sit outside empty input boxes. */
.calc .row{align-items:center}
.input-cell{min-width:0}
.field-example{display:block;margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.5;font-weight:400}
.input-field-help{margin:4px 0 8px;font-weight:400;line-height:1.55}
.input-start-note{color:#64748b;font-size:13px;line-height:1.6;margin:14px 0}
.input-validation{color:#9b2c2c;background:#fff6f6;border-left:3px solid #9b2c2c;padding:12px 14px;border-radius:8px;font-size:14px;line-height:1.6}
.input-validation[hidden]{display:none!important}
.calc[data-input-state=example] .results,.calc[data-input-state=example] .result-visual{display:none}
.calc input[aria-invalid=true],.calc select[aria-invalid=true]{border-color:#9b2c2c}
.input-result-state{display:block;width:fit-content;max-width:100%;font-size:12px!important;font-weight:700;padding:6px 9px;margin:8px 0 12px!important;background:#edf5fb;color:#174c85;border-radius:7px;line-height:1.5;text-align:left}
[data-input-state=result] .input-result-state{background:#edf8f2;color:#16794b}
[data-input-state=pending] .input-result-state{background:#fff5df;color:#765016}
.expense-row>div,.subscription-item-fields>div{min-width:0}
.expense-row{align-items:start}
@media(max-width:480px){.field-example{font-size:12px}.input-result-state{font-size:12px!important}.calc .row{gap:9px}}