.container--narrow{max-width:52rem}.container.container--narrow{max-width:none}.calc__tabs{display:none}.js .calc__tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}.calc__tab{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1.15rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-elevated);color:var(--text);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}.calc__tab .icon{width:1.1rem;height:1.1rem}.calc__tab:hover{border-color:var(--primary)}.calc__tab[aria-selected=true]{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.calc__panel+.calc__panel{margin-top:3rem}.js .calc__panel+.calc__panel{margin-top:0}.calc__title{margin:0 0 1.25rem;font-size:var(--fs-lg)}.js .calc__title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.calc__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}@media(min-width:62em){.calc__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2rem}.calc__result{position:sticky;top:calc(var(--header-h) + var(--sticky-top) + 1rem)}}.calc__form,.calc__result{min-width:0;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-sm)}.calc__form{display:grid;gap:1.5rem}.calc__result{background:radial-gradient(60% 50% at 100% 0%,var(--primary-soft),transparent 70%),var(--surface-elevated)}.cfield{min-width:0;margin:0;padding:0;border:0}.cfield[hidden]{display:none}.cfield__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.6rem}.cfield__top label,.cfield legend{margin:0;padding:0;font-size:var(--fs-sm);font-weight:600}.cfield legend{margin-bottom:.6rem}.cfield__box{display:flex;align-items:center;gap:.35rem;width:min(100%,11.5rem);padding-inline:.85rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.cfield__box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring)}.cfield__box input{min-width:0;min-height:2.75rem;padding:0;border:0;border-radius:0;background:transparent;font-family:var(--font-mono);font-weight:600;text-align:right;box-shadow:none}.cfield__box input:focus{border:0;box-shadow:none}.cfield__unit{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;white-space:nowrap}.cfield__hint{margin:.45rem 0 0;color:var(--text-muted);font-size:var(--fs-xs)}.cfield__hint[hidden]{display:none}.cfield--radios{display:grid;gap:.6rem}.cfield--radios .opt{display:flex;align-items:flex-start;gap:.7rem;margin:0;padding:.8rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-weight:500;cursor:pointer;transition:border-color var(--dur-fast) ease,background-color var(--dur-fast) ease}.cfield--radios .opt:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.cfield--radios .opt:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.cfield--radios .opt input{flex:none;width:1.15rem;height:1.15rem;margin:.15rem 0 0;accent-color:var(--primary)}.cfield--radios .opt small{display:block;color:var(--text-muted);font-size:var(--fs-xs);font-weight:400}.cfield__range{display:block;width:100%;height:1.5rem;margin:0;padding:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;--fill: 0%}.cfield__range::-webkit-slider-runnable-track{height:.4rem;border-radius:99px;background:linear-gradient(to right,var(--primary) var(--fill),var(--border-strong) var(--fill))}.cfield__range::-moz-range-track{height:.4rem;border-radius:99px;background:var(--border-strong)}.cfield__range::-moz-range-progress{height:.4rem;border-radius:99px;background:var(--primary)}.cfield__range::-webkit-slider-thumb{width:1.4rem;height:1.4rem;margin-top:-.5rem;border:3px solid var(--primary);border-radius:50%;background:var(--surface-elevated);box-shadow:var(--shadow-sm);-webkit-appearance:none;appearance:none}.cfield__range::-moz-range-thumb{width:1.1rem;height:1.1rem;border:3px solid var(--primary);border-radius:50%;background:var(--surface-elevated);box-shadow:var(--shadow-sm)}.cfield__range:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:99px}.calc__label{margin:0;color:var(--text-muted);font-size:var(--fs-sm);font-weight:600}.calc__big{margin:.15rem 0 0;font-family:var(--font-heading);font-size:clamp(2.25rem,1.6rem + 3vw,3.25rem);font-weight:700;line-height:1.1;color:var(--primary-text);overflow-wrap:anywhere}.calc__sub{margin:.25rem 0 0;color:var(--text-muted);font-size:var(--fs-sm)}.calc__chart{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 1.75rem;margin:1.5rem 0}.donut{flex:none;width:9rem;height:9rem}.donut__bg,.donut__interest{stroke:var(--warning)}.donut__principal{stroke:var(--primary);transition:stroke-dasharray var(--dur) var(--ease-out)}.legend{display:grid;gap:.7rem;margin:0;padding:0;list-style:none;font-size:var(--fs-sm)}.legend li{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:center}.legend strong{grid-column:2;font-family:var(--font-mono);font-size:var(--fs-base)}.legend__dot{grid-row:span 2;width:.8rem;height:.8rem;border-radius:50%}.legend__dot--p{background:var(--primary)}.legend__dot--i{background:var(--warning)}.calc__rows{display:grid;margin:1.25rem 0 0;border-top:1px solid var(--border)}.calc__rows>div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--border);font-size:var(--fs-sm)}.calc__rows>div[hidden]{display:none}.calc__rows dt{min-width:0;color:var(--text-muted)}.calc__rows dd{margin:0;font-family:var(--font-mono);font-weight:600;text-align:right;white-space:nowrap}.calc__rows-total dt{color:var(--text);font-weight:700}.calc__rows-total dd{color:var(--primary-text);font-size:var(--fs-base)}.calc__more{margin-top:1rem}.calc__more summary{display:inline-flex;align-items:center;min-height:2.5rem;color:var(--primary-text);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.calc__table-wrap{max-height:20rem;margin-top:.5rem;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.calc__table{width:100%;border-collapse:collapse;font-size:var(--fs-xs);white-space:nowrap}.calc__table th,.calc__table td{padding:.55rem .8rem;text-align:right;border-bottom:1px solid var(--border)}.calc__table th:first-child,.calc__table td:first-child{text-align:left}.calc__table thead th{position:sticky;top:0;background:var(--surface);color:var(--text-muted);font-weight:600}.calc__table td{font-family:var(--font-mono)}.calc__table td:first-child{font-family:var(--font-body)}.calc__table tr:last-child td{border-bottom:0}.calc__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.calc__actions .btn{flex:1 1 12rem}.calc__actions [hidden]{display:none}.calc__note{margin:1rem 0 0;color:var(--text-muted);font-size:var(--fs-sm)}.calc__disclaimer{display:flex;align-items:flex-start;gap:.7rem;margin:2rem 0 0;padding:1rem 1.25rem;border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--fs-sm)}.calc__disclaimer .icon{flex:none;width:1.25rem;height:1.25rem;margin-top:.1rem;color:var(--warning)}@media(prefers-reduced-motion:no-preference){.calc__big.is-bump{animation:calc-bump .35s var(--ease-out)}}@keyframes calc-bump{0%{transform:translateY(3px);opacity:.6}to{transform:none;opacity:1}}@media(max-width:30em){.cfield__box{width:100%}.donut{width:7.5rem;height:7.5rem}}.js .calc__panel:not(.is-active){display:none}