.installment-tool{gap:1rem;max-width:1080px;margin-inline:auto;display:grid}.installment-workspace{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start;gap:1rem;display:grid}.installment-card{background:var(--surface);border:1px solid var(--line);border-radius:1rem;min-width:0;padding:clamp(1rem,2vw,1.4rem)}.installment-card h2{margin:0 0 .8rem;font-size:clamp(1.2rem,2.4vw,1.55rem)}.installment-note{color:var(--muted);margin:.2rem 0 1rem;font-size:.88rem;line-height:1.5}.installment-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.installment-fields label{gap:.32rem;min-width:0;font-size:.88rem;font-weight:650;display:grid}.installment-input{display:block;position:relative}.installment-input input,.installment-fields select{border:1px solid var(--line);background:var(--surface-muted);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:.65rem;padding:.55rem 3.8rem .55rem .7rem;font-size:1.1rem}.installment-fields select{padding-right:.7rem}.installment-input em{color:var(--muted);pointer-events:none;font-size:.77rem;font-style:normal;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.installment-input input[aria-invalid=true]{border-color:#b64335}.installment-input input:focus-visible,.installment-fields select:focus-visible,.installment-timing input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.installment-timing{border:0;margin:1rem 0 0;padding:0}.installment-timing legend{margin-bottom:.5rem;font-weight:800}.installment-timing>div{flex-wrap:wrap;gap:.5rem;display:flex}.installment-timing label{cursor:pointer}.installment-timing input{opacity:0;width:1px;height:1px;position:absolute}.installment-timing span{border:1px solid var(--line);background:var(--surface-muted);border-radius:999px;align-items:center;min-height:44px;padding:.5rem .9rem;font-weight:700;display:flex}.installment-timing input:checked+span{background:var(--accent);border-color:var(--accent);color:#142013}.installment-results{background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 16%, var(--surface)), var(--surface) 48%)}.installment-hero{border-bottom:1px solid var(--line);gap:.1rem;padding:.5rem 0 1rem;display:grid}.installment-hero>span{color:var(--muted)}.installment-hero strong{letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,6vw,4.2rem);line-height:1}.installment-hero small{letter-spacing:0;font-size:.42em}.installment-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:1rem;display:grid}.installment-stats>div{background:var(--surface);border:1px solid var(--line);border-radius:.7rem;gap:.2rem;min-width:0;padding:.75rem;display:grid}.installment-stats span{color:var(--muted);font-size:.77rem}.installment-stats strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.13rem}.installment-error{background:color-mix(in srgb, #b64335 12%, var(--surface));border-radius:.7rem;padding:.8rem;line-height:1.5}.installment-formula p{line-height:1.65}.installment-sources{font-size:.8rem}@media (max-width:760px){.installment-workspace{grid-template-columns:1fr}}@media (max-width:390px){.installment-fields{gap:.6rem}.installment-stats strong{font-size:1rem}}
