:root{--bg: #f5f3ee;--card: #ffffff;--ink: #1f2937;--muted: #5f6672;--line: #e5e1d8;--accent: #2f5d50;--accent-ink: #ffffff;--chip: #eceae3;--radius: 14px;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5}.page{max-width:1180px;margin:0 auto;padding:24px 20px 48px}.site-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 0 24px}.site-nav{display:flex;gap:4px}.nav-link{padding:7px 12px;border-radius:10px;text-decoration:none;font-weight:600;font-size:.9rem;color:var(--muted)}.nav-link:hover{color:var(--accent)}.nav-link.active{background:var(--chip);color:var(--ink)}.site-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.action-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.action-btn[data-tip]{position:relative}.action-btn[data-tip]:after{content:attr(data-tip);position:absolute;right:0;top:calc(100% + 8px);width:220px;padding:8px 11px;border-radius:8px;background:var(--ink);color:#fff;font-size:.75rem;font-weight:400;line-height:1.45;text-align:left;display:none;pointer-events:none;z-index:10}.action-btn[data-tip]:hover:after,.action-btn[data-tip]:focus-visible:after{display:block}.embed-footer .action-btn[data-tip]:after{top:auto;bottom:calc(100% + 8px)}.site-header h1{font-family:var(--font-display);font-size:clamp(1.4rem,5.5vw,2rem);margin:0}.layout{display:grid;gap:32px}.results{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.calc-form{display:grid;gap:28px}.form-section h2,.results-section h2,.schedule-section h2{font-family:var(--font-display);font-size:1.25rem;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.section-head h2{margin:0;padding-bottom:0;border-bottom:none}.field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 18px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.82rem;font-weight:600;color:var(--muted)}.field-row{display:flex;align-items:stretch}.field-input{flex:1;min-width:0;padding:10px 12px;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px 0 0 10px;border-right:none}.field-input:focus{outline:2px solid var(--accent);outline-offset:-1px;z-index:1}.field-row .field-input:only-child{border-radius:10px;border-right:1px solid var(--line)}.unit-chip{display:flex;align-items:center;padding:0 14px;background:var(--chip);border:1px solid var(--line);border-radius:0 10px 10px 0;color:var(--muted);font-weight:600}.unit-toggle{display:flex}.unit-btn{padding:0 13px;font:inherit;font-weight:600;cursor:pointer;background:var(--chip);color:var(--muted);border:1px solid var(--line);border-left:none}.unit-btn:last-child{border-radius:0 10px 10px 0}.unit-btn.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.segmented{display:flex}.seg-btn{flex:1;padding:10px 12px;font:inherit;font-weight:600;cursor:pointer;background:var(--card);color:var(--muted);border:1px solid var(--line)}.seg-btn:first-child{border-radius:10px 0 0 10px}.seg-btn:last-child{border-radius:0 10px 10px 0;border-left:none}.seg-btn.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:0 1px 3px #1f29370f}.results-table{width:100%;border-collapse:collapse}.results-table td,.results-table th{padding:10px 2px;text-align:left}.results-table tbody tr{border-bottom:1px dashed var(--line)}.results-table tbody tr:last-child{border-bottom:none}.results-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.results-table tfoot th{padding-top:12px;font-size:1.05rem;border-top:2px solid var(--ink)}.payoff-note{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:.85rem;color:var(--muted)}.payoff-savings{font-weight:600;color:var(--accent)}.schedule-section{display:grid;gap:20px;margin-top:32px}.chart-legend{display:flex;flex-wrap:wrap;gap:6px 20px;margin-bottom:10px;font-size:.85rem;color:var(--muted);font-weight:500}.chart-legend-item{display:inline-flex;align-items:center}.chart-svg{width:100%;height:auto;display:block}.chart-grid{stroke:var(--line);stroke-width:1}.chart-tick{font-family:var(--font-body);font-size:11px;fill:var(--muted)}.chart-crosshair{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.chart-tip-box{fill:#fff;stroke:var(--line);filter:drop-shadow(0 2px 6px rgba(31,41,55,.15))}.chart-tip-title{font-family:var(--font-body);font-size:12px;font-weight:700;fill:var(--ink)}.chart-tip-line{font-family:var(--font-body);font-size:12px;fill:var(--ink)}.table-toggle{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:8px 14px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px}.table-toggle:hover{border-color:var(--accent);color:var(--accent)}.table-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.table-scroll{overflow-x:auto}.schedule-table{min-width:640px}.schedule-table thead th{font-size:.78rem;color:var(--muted);border-bottom:1px solid var(--line)}.schedule-table .num{font-size:.9rem}.year-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;cursor:pointer;font:inherit;font-weight:600;color:inherit}.year-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.month-row td{color:var(--muted);font-size:.85rem}.month-row td:first-child{padding-left:26px}.tool-page{display:grid;gap:24px}.tool-page>*,.compare-grid>*{min-width:0}.layout>*,.results>*,.calc-form>*{min-width:0}.tool-note{margin:12px 0 0;color:var(--muted);font-size:.82rem}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scenario-title{font-family:var(--font-display);font-size:1.05rem;margin:0}.scenario-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-bottom:12px}.scenario-actions{display:flex;flex-wrap:wrap;gap:6px}.mini-btn{position:relative;padding:5px 10px;font:inherit;font-size:.75rem;font-weight:600;cursor:pointer;background:var(--chip);color:var(--ink);border:1px solid var(--line);border-radius:8px}.mini-btn:hover{border-color:var(--accent);color:var(--accent)}.mini-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mini-btn[data-tip]:after{content:attr(data-tip);position:absolute;right:0;top:calc(100% + 6px);width:200px;padding:7px 10px;border-radius:8px;background:var(--ink);color:#fff;font-size:.72rem;font-weight:400;line-height:1.4;text-align:left;display:none;pointer-events:none;z-index:10}.mini-btn[data-tip]:hover:after,.mini-btn[data-tip]:focus-visible:after{display:block}.scenario-fields{display:grid;gap:12px}.all-inputs-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:4px 0;border:none;background:none;cursor:pointer;font:inherit;font-size:.82rem;font-weight:600;color:var(--muted)}.all-inputs-toggle:hover{color:var(--accent)}.all-inputs-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.all-inputs{margin:8px 0 0}.all-input-row{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dashed var(--line);font-size:.82rem}.all-input-row dt{color:var(--muted)}.all-input-row dd{margin:0;font-weight:600}.scenario-placeholder{display:grid;align-content:center;justify-items:center;gap:10px;min-height:220px;text-align:center}.remove-btn{font-size:.95rem;line-height:1;padding:4px 9px}.remove-btn:hover{border-color:#b23a5e;color:#b23a5e}.cell-delta{display:block;font-size:.72rem;font-weight:600;margin-top:1px}.compare-table thead th{font-size:.78rem;color:var(--muted);border-bottom:1px solid var(--line)}.compare-table .delta{font-weight:600}.delta-good{color:var(--accent)}.delta-bad{color:#b23a5e}@media (max-width: 760px){.compare-grid{grid-template-columns:1fr}}.afford-result{text-align:center;padding:28px 24px}.afford-label{margin:0;color:var(--muted)}.afford-price{font-family:var(--font-display);font-size:2.6rem;font-weight:700;margin:6px 0 10px}.afford-detail{max-width:520px;margin:0 auto 16px;color:var(--muted);font-size:.9rem}.info-tip{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:6px;padding:0;font-size:.65rem;font-weight:700;font-style:normal;color:var(--muted);background:var(--chip);border:1px solid var(--line);border-radius:50%;cursor:help;position:relative;vertical-align:1px}.info-tip:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.info-tip:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);width:250px;padding:8px 11px;border-radius:8px;background:var(--ink);color:#fff;font-size:.75rem;font-weight:400;line-height:1.45;text-align:left;display:none;pointer-events:none;z-index:10}.info-tip:hover:after,.info-tip:focus:after{display:block}.embed-page .info-tip:after{left:auto;right:-8px;transform:none}.site-footer{margin-top:32px;color:var(--muted);font-size:.82rem}.site-title{color:inherit;text-decoration:none}.footer-links{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px}.footer-links a{display:inline-block;padding:3px 0;color:var(--muted);text-decoration:underline;text-underline-offset:2px}.footer-links a:hover{color:var(--accent)}.legal{max-width:760px;margin:0 auto;padding:28px 32px}.legal h2{font-family:var(--font-display);font-size:1.5rem;margin:8px 0 4px}.legal h3{font-family:var(--font-display);font-size:1.05rem;margin:20px 0 6px}.legal p{margin:6px 0}.legal-date{color:var(--muted);font-size:.85rem}.back-link{display:inline-block;padding:5px 0;color:var(--accent);text-decoration:none;font-weight:600;font-size:.9rem}.back-link:hover{text-decoration:underline}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{display:flex;align-items:baseline;gap:10px;padding:14px 0;cursor:pointer;list-style:none;font-family:var(--font-display);font-size:1.05rem;font-weight:600}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";color:var(--accent);font-weight:700}.faq-item[open] summary:before{content:"–"}.faq-item summary:hover{color:var(--accent)}.faq-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.faq-item>:not(summary){margin:0 0 14px 21px}.embed-page{max-width:1180px;margin:0 auto;padding:16px;display:grid;gap:20px}.embed-page{color:var(--embed-ink, var(--ink))}.embed-page .field-label,.embed-page .chevron,.embed-page .embed-credit{color:var(--embed-muted, var(--muted))}.embed-page .card{color:var(--ink)}.embed-footer{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.embed-compact{gap:14px}.embed-compact .results{grid-template-columns:1fr}.embed-credit{margin:0;text-align:center;font-size:.78rem;color:var(--muted)}.embed-credit a{display:inline-block;padding:5px 2px;color:var(--accent)}.embed-snippet{background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:12px 14px;overflow-x:auto;font-size:.78rem}.resources{display:grid;gap:32px}.resources .legal{max-width:none}.embed-gen{display:grid;gap:18px;margin-top:18px}.embed-gen-controls{display:flex;flex-wrap:wrap;gap:18px 36px;align-items:flex-start}.gen-group{display:grid;gap:8px;justify-items:start}.gen-group-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.color-chips{display:flex;flex-wrap:wrap;gap:8px}.embed-gen-controls .seg-btn{height:34px;padding:0 16px;font-size:.8rem}.color-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 5px;cursor:pointer;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:.8rem;font-weight:600;color:var(--ink)}.color-chip:hover{border-color:var(--accent)}.color-chip:focus-within{outline:2px solid var(--accent);outline-offset:1px}.color-chip input[type=color]{width:22px;height:22px;padding:0;border:none;border-radius:50%;background:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.color-chip input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-chip input[type=color]::-webkit-color-swatch{border:1px solid rgba(0,0,0,.12);border-radius:50%}.color-chip input[type=color]::-moz-color-swatch{border:1px solid rgba(0,0,0,.12);border-radius:50%}.embed-gen-actions{display:flex;gap:8px}.embed-preview{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);box-sizing:content-box}.embed-preview-note{display:none;margin:0;color:var(--muted);font-size:.85rem}@media (max-width: 700px){.embed-preview{display:none}.embed-preview-note{display:block}}.print-report{display:none}@media print{@page{margin:12mm 14mm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body{background:#fff;font-size:11px}.page{max-width:none;padding:0}.page>*:not(.print-report){display:none!important}.print-report{display:block}.pr-head{padding-bottom:8px;border-bottom:2px solid var(--ink);margin-bottom:14px}.pr-head h1{font-family:var(--font-display);font-size:20px;margin:0}.pr-sub{margin:2px 0 0;color:var(--muted);font-size:10px}.pr-title{font-family:var(--font-display);font-size:14px;margin:0 0 8px}.pr-section{margin-bottom:16px}.pr-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 18px;margin:0}.pr-input{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px dashed var(--line);break-inside:avoid}.pr-input dt{color:var(--muted)}.pr-input dd{margin:0;font-weight:600;text-align:right}.pr-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;break-inside:avoid}.print-report .card{box-shadow:none;border:1px solid var(--line);border-radius:8px;padding:10px 12px;break-inside:avoid}.print-report .results-table td,.print-report .results-table th{padding:5px 2px;font-size:11px}.print-report .results-table tfoot th{font-size:12px;padding-top:8px}.print-report .donut{width:130px}.print-report .donut-label{font-size:13px}.print-report .legend-table td{font-size:10.5px}.print-report .totals-grand{font-size:12px;margin-top:8px;padding-top:8px}.pr-payoff{margin-top:6px}.print-report .payoff-note{font-size:10.5px}.pr-page-break{break-before:page}.print-report .chart-legend{font-size:10px;margin-bottom:6px}.pr-year-table{width:100%;border-collapse:collapse;font-size:10px}.pr-year-table th,.pr-year-table td{padding:3px 4px;text-align:left}.pr-year-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pr-year-table thead th{border-bottom:1px solid var(--ink);font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.pr-year-table tbody tr{border-bottom:1px dashed var(--line);break-inside:avoid}.pr-foot{margin-top:8px;padding-top:6px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.print-report .chart-svg{max-height:230px;margin:0 auto}}@media (max-width: 980px){.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results{grid-template-columns:1fr}}@media (max-width: 560px){.field-grid{grid-template-columns:1fr}.site-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.site-actions .action-btn{justify-content:center}}@media (max-width: 480px){.site-nav{flex-wrap:wrap;gap:0;margin:0 -8px}.nav-link{padding:7px 8px;font-size:.82rem}}@media (pointer: coarse){.field-input{font-size:16px}}.collapse-btn{display:flex;align-items:center;gap:8px;width:100%;padding:0;border:none;background:none;cursor:pointer;font:inherit;color:inherit;text-align:left}.collapse-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.chevron{display:inline-block;font-size:.8em;color:var(--muted);transition:transform .15s ease}.chevron.open{transform:rotate(90deg)}.active-pill{font-family:var(--font-body);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-ink);background:var(--accent);padding:2px 8px;border-radius:999px;margin-left:4px}.extra-rows{display:grid;gap:16px;max-width:640px}.extra-row{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(0,1fr);gap:0 18px;align-items:end}.extra-row-name{font-weight:600;padding-bottom:12px}@media (max-width: 560px){.extra-row{grid-template-columns:1fr;gap:8px}.extra-row-name{padding-bottom:0}}.payoff-goal{margin-top:6px;padding-top:14px;border-top:1px dashed var(--line)}.goal-hint{padding:10px 0;color:var(--muted);font-size:.9rem}.goal-result{display:flex;align-items:center;gap:10px;padding:8px 0;font-weight:600}.goal-apply{padding:4px 12px;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:8px}.goal-apply:hover{filter:brightness(1.1)}.totals-body{display:grid;gap:14px;justify-items:center}.donut{width:160px;max-width:60%;height:auto}.legend-table{width:100%}.donut-label{font-family:var(--font-body);font-size:15px;font-weight:600;fill:var(--ink)}.donut-seg{transition:opacity .15s ease;cursor:pointer}.donut text{pointer-events:none}.donut-pct{font-family:var(--font-body);font-size:26px;font-weight:700;fill:var(--ink)}.donut-hover-label{font-family:var(--font-body);font-size:12px;font-weight:600;fill:var(--muted)}.legend-table td{font-size:.9rem}.swatch{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:-1px}.totals-grand{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:12px;border-top:2px solid var(--ink);font-weight:700;font-size:1.05rem}