.budget-planner{border:1px solid var(--line,#ddd);padding:28px;margin:28px 0 38px;max-width:100%}
.seo-article .budget-planner h2{margin-top:0}.budget-planner>p{margin:14px 0}
.budget-planner-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px;margin:24px 0}
.budget-planner-fields label{display:grid;gap:8px;font-size:.875rem;line-height:1.6;min-width:0}
.budget-planner input{width:100%;min-width:0;min-height:48px;padding:11px 12px;border:1px solid #b5b5b5;border-radius:0;background:#fff;color:#111;font:inherit;box-sizing:border-box}
.budget-planner input:focus-visible,.budget-planner button:focus-visible{outline:2px solid #111;outline-offset:3px}
.budget-planner-total{border-top:1px solid var(--line,#ddd);padding-top:20px;margin-top:22px}.budget-planner output{display:block;color:#111;font-size:clamp(1.5rem,4vw,2rem);line-height:1.5;overflow-wrap:anywhere}
.budget-planner .budget-planner-status{font-size:.875rem;color:#606060}.budget-planner [data-budget-error]{color:#8c2424}.budget-planner [hidden]{display:none}
.budget-planner button{display:inline-block;margin-top:10px;border:0;border-bottom:1px solid #333;background:none;padding:8px 0;color:#333;cursor:pointer;font:inherit;font-size:.875rem;text-align:start;min-height:44px}
@media(max-width:700px){.budget-planner{padding:20px 16px}.budget-planner-fields{grid-template-columns:1fr;gap:16px}}