.budget-tool{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-block:2rem;display:grid}.budget-controls,.budget-results{border:1px solid var(--line);background:var(--coal-soft);min-width:0;padding:1.3rem}.budget-results{border-top:3px solid var(--orange)}.budget-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.budget-field{color:#c6ccbf;gap:.6rem;margin-bottom:1.2rem;font-size:.85rem;display:grid}.budget-field :is(input,select){width:100%;min-width:0;min-height:2.9rem;color:var(--bone);font:inherit;background:#191c17;border:1px solid #60685a;border-radius:0;padding:.6rem}.budget-field small,.budget-magazine{color:#b4bcae;font-size:.8rem;line-height:1.6}.budget-tool fieldset{border:0;border-top:1px solid var(--line);margin-top:2rem;padding:1.2rem 0 0}.budget-tool legend{color:var(--bone);font-family:var(--display);font-size:1.5rem}.budget-tool .budget-results>h3{font-family:var(--display);margin-top:.5rem;font-size:clamp(2.3rem,6vw,4rem)}.budget-results>h3 small{font-family:var(--body);font-size:.85rem;font-weight:400}.budget-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.budget-stats>div{border:1px solid var(--line);min-width:0;padding:1rem}.budget-stats dt{color:#b4bcae;font-size:.85rem}.budget-stats dd{font-family:var(--display);overflow-wrap:anywhere;margin:.5rem 0 0;font-size:2rem}.budget-tool .budget-bill{border-top:1px solid var(--line);margin:1.5rem 0;padding:0;list-style:none}.budget-bill li{border-bottom:1px solid var(--line);color:#c1c8b9;justify-content:space-between;gap:1rem;padding:.8rem 0;font-size:.85rem;display:flex}.budget-bill strong{color:var(--bone);white-space:nowrap}.budget-warnings{border-left:2px solid var(--orange);color:#e8c19d;background:#d47b4014;padding:.7rem 1rem}.budget-warnings p,.budget-names,.budget-status,.budget-share-feedback{font-size:.8rem;line-height:1.6}.budget-status{color:#e8c19d}.budget-names{color:#b4bcae}.budget-share,.budget-reset{border:1px solid var(--orange);background:var(--orange);color:#161911;min-height:2.8rem;font:inherit;cursor:pointer;padding:.7rem 1rem;font-size:.9rem}.budget-share{width:100%}.budget-reset{color:var(--bone);background:0 0;border-color:#7f8972}.budget-share:disabled{cursor:not-allowed;color:#c1c8b9;background:#31352c;border-color:#60685a}.budget-share-url{font-size:.8rem;display:block}.budget-share-url textarea{width:100%;min-height:5rem;color:var(--bone);resize:vertical;font:inherit;background:#191c17;border:1px solid #60685a;margin-top:.5rem;padding:.6rem;display:block}.budget-tool :is(input,select,button,textarea):focus-visible{outline:3px solid var(--orange);outline-offset:3px}.budget-field input[aria-invalid=true]{border-color:#edb88c}@media (min-width:1600px){.budget-tool{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.budget-results{align-self:start;position:sticky;top:1rem}}@media (max-width:700px){.budget-field-grid,.budget-stats{grid-template-columns:1fr}}
