:root{--matchbox-calc-color-bg:var(--wp--preset--color--base,#fff);--matchbox-calc-color-text:var(--wp--preset--color--contrast,#111827);--matchbox-calc-color-accent:var(--wp--preset--color--brand-01,#2563eb);--matchbox-calc-color-surface:var(--wp--preset--color--neutral-01,#f3f4f6);--matchbox-calc-color-error:#dc2626;--matchbox-calc-color-success:#16a34a;--matchbox-calc-color-border:#e5e7eb;--matchbox-calc-color-border-focus:var(--matchbox-calc-color-accent);--matchbox-calc-color-muted:#6b7280;--matchbox-calc-font-xs:0.6875rem;--matchbox-calc-font-sm:0.8125rem;--matchbox-calc-font-md:0.9375rem;--matchbox-calc-font-lg:1.125rem;--matchbox-calc-font-xl:1.375rem;--matchbox-calc-font-2xl:1.75rem;--matchbox-calc-font-3xl:2.25rem;--matchbox-calc-space-2xs:0.125rem;--matchbox-calc-space-xs:0.25rem;--matchbox-calc-space-sm:0.5rem;--matchbox-calc-space-md:1rem;--matchbox-calc-space-lg:1.5rem;--matchbox-calc-space-xl:2rem;--matchbox-calc-space-2xl:2.5rem;--matchbox-calc-radius-xs:3px;--matchbox-calc-radius-sm:6px;--matchbox-calc-radius-md:10px;--matchbox-calc-radius-lg:14px;--matchbox-calc-radius-xl:18px;--matchbox-calc-shadow-1:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--matchbox-calc-shadow-2:0 4px 8px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.04);--matchbox-calc-shadow-3:0 10px 24px rgba(0,0,0,.09),0 4px 8px rgba(0,0,0,.05);--color-15year:#1d4ed8;--color-30year:#15803d;--matchbox-calc-color-15yr-surface:#eff6ff;--matchbox-calc-color-30yr-surface:#f0fdf4;--matchbox-calc-color-15yr-text:#1e3a8a;--matchbox-calc-color-30yr-text:#14532d}
.mc-calculator-shell{background:var(--matchbox-calc-color-bg);border:1px solid var(--matchbox-calc-color-border);border-radius:var(--matchbox-calc-radius-lg);box-shadow:var(--matchbox-calc-shadow-2);color:var(--matchbox-calc-color-text);display:grid;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;grid-template-columns:300px minmax(0,1fr);overflow:hidden}.mc-input-panel{background:var(--matchbox-calc-color-surface);border-right:1px solid var(--matchbox-calc-color-border)}.mc-input-panel,.mc-output-panel{padding:var(--matchbox-calc-space-xl)}.mc-output-panel{background:var(--matchbox-calc-color-bg)}.mc-section-label{color:var(--matchbox-calc-color-muted);font-size:var(--matchbox-calc-font-xs);font-weight:700;letter-spacing:.08em;margin:0 0 var(--matchbox-calc-space-lg);text-transform:uppercase}.mc-input-group{margin-bottom:var(--matchbox-calc-space-md)}.mc-input-group label{align-items:center;color:var(--matchbox-calc-color-text);display:flex;font-size:12px;font-weight:600;gap:var(--matchbox-calc-space-xs);margin-bottom:6px}.mc-input-wrapper{position:relative}.mc-input-error{color:var(--matchbox-calc-color-error);font-size:var(--matchbox-calc-font-xs);margin-top:5px;min-height:1.25em}.mc-input,.mc-select{background:var(--matchbox-calc-color-bg);border:1.5px solid var(--matchbox-calc-color-border);border-radius:var(--matchbox-calc-radius-sm);box-sizing:border-box;color:var(--matchbox-calc-color-text);display:block;font-family:inherit;font-size:var(--matchbox-calc-font-md);height:42px;padding:0 var(--matchbox-calc-space-md);transition:border-color .15s ease,box-shadow .15s ease;width:100%}.mc-input:hover,.mc-select:hover{border-color:#93c5fd}.mc-input:focus,.mc-select:focus{border-color:var(--matchbox-calc-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.14);outline:none}.mc-input[aria-invalid=true],.mc-select[aria-invalid=true]{border-color:var(--matchbox-calc-color-error)}.mc-input[aria-invalid=true]:focus,.mc-select[aria-invalid=true]:focus{box-shadow:0 0 0 3px rgba(220,38,38,.14)}.mc-input:disabled,.mc-select:disabled{cursor:not-allowed;opacity:.45}.mc-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27%3E%3Cpath fill=%27none%27 stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m1 1 4 4 4-4%27/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.mc-input-affix{display:block;position:relative}.mc-input-prefix,.mc-input-suffix{color:var(--matchbox-calc-color-muted);font-size:var(--matchbox-calc-font-md);font-weight:500;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.mc-input-prefix{left:13px}.mc-input-suffix{right:13px}.mc-input--has-prefix{padding-left:26px}.mc-input--has-suffix{padding-right:26px}.mc-slider-wrapper{align-items:center;display:flex;gap:var(--matchbox-calc-space-sm);padding:4px 0}.mc-slider-wrapper input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--matchbox-calc-color-border);border-radius:2px;cursor:pointer;flex:1;height:4px;outline:none}.mc-slider-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--matchbox-calc-color-bg);border:2.5px solid var(--matchbox-calc-color-accent);border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.18);cursor:pointer;height:18px;-webkit-transition:transform .1s ease;transition:transform .1s ease;width:18px}.mc-slider-wrapper input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}.mc-slider-wrapper input[type=range]:focus-visible{outline:none}.mc-slider-wrapper input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(37,99,235,.2)}.mc-inline-error{align-items:center;color:var(--matchbox-calc-color-error);display:flex;font-size:var(--matchbox-calc-font-xs);gap:5px;margin-top:4px}.mc-error-icon{flex-shrink:0;height:13px;width:13px}.mc-loading{align-items:center;color:var(--matchbox-calc-color-muted);display:flex;flex-direction:column;font-size:var(--matchbox-calc-font-sm);gap:var(--matchbox-calc-space-sm);justify-content:center;padding:var(--matchbox-calc-space-2xl)}.mc-loading-spinner{animation:mc-spin .65s linear infinite;border:2.5px solid var(--matchbox-calc-color-border);border-radius:50%;border-top-color:var(--matchbox-calc-color-accent);height:22px;width:22px}@keyframes mc-spin{to{transform:rotate(1turn)}}.mc-results{background:var(--matchbox-calc-color-bg)}.mc-results-primary{border-bottom:1px solid var(--matchbox-calc-color-border);margin-bottom:var(--matchbox-calc-space-lg);padding:var(--matchbox-calc-space-xl) var(--matchbox-calc-space-lg);text-align:center}.mc-results-primary-label{color:var(--matchbox-calc-color-muted);display:block;font-size:var(--matchbox-calc-font-xs);font-weight:700;letter-spacing:.08em;margin-bottom:var(--matchbox-calc-space-xs);text-transform:uppercase}.mc-results-primary-value{color:var(--matchbox-calc-color-accent);display:block;font-size:var(--matchbox-calc-font-3xl);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.03em;line-height:1.05}.mc-results-details{display:flex;flex-direction:column;gap:2px}.mc-results-row{align-items:center;border-radius:var(--matchbox-calc-radius-xs);display:flex;justify-content:space-between;padding:9px var(--matchbox-calc-space-xs);transition:background .1s}.mc-results-row:hover{background:var(--matchbox-calc-color-surface)}.mc-results-label{color:var(--matchbox-calc-color-muted);font-size:var(--matchbox-calc-font-sm)}.mc-results-value{color:var(--matchbox-calc-color-text);font-size:var(--matchbox-calc-font-md);font-variant-numeric:tabular-nums;font-weight:600}.mc-results-savings{color:var(--matchbox-calc-color-success)}.mc-amortization{border-top:1px solid var(--matchbox-calc-color-border);margin-top:var(--matchbox-calc-space-xl);padding-top:var(--matchbox-calc-space-lg)}.mc-amortization-tabs{background:var(--matchbox-calc-color-surface);border:1px solid var(--matchbox-calc-color-border);border-radius:var(--matchbox-calc-radius-sm);display:inline-flex;gap:2px;margin-bottom:var(--matchbox-calc-space-md);padding:3px}.mc-amortization-tab{background:transparent;border:none;border-radius:4px;color:var(--matchbox-calc-color-muted);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:5px 16px;transition:background .12s,color .12s,box-shadow .12s}.mc-amortization-tab:hover{color:var(--matchbox-calc-color-text)}.mc-amortization-tab--active{background:var(--matchbox-calc-color-bg);box-shadow:var(--matchbox-calc-shadow-1);color:var(--matchbox-calc-color-accent);font-weight:700}.mc-amortization-tab:focus-visible{outline:2px solid var(--matchbox-calc-color-accent);outline-offset:1px}.mc-table-container{border:1px solid var(--matchbox-calc-color-border);border-radius:var(--matchbox-calc-radius-md);max-height:420px;overflow:auto}.mc-table-container:focus-visible{outline:2px solid var(--matchbox-calc-color-accent);outline-offset:2px}.mc-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.mc-table thead{position:sticky;top:0;z-index:1}.mc-table th{background:var(--matchbox-calc-color-surface);border-bottom:1.5px solid var(--matchbox-calc-color-border);color:var(--matchbox-calc-color-muted);font-size:var(--matchbox-calc-font-xs);font-weight:700;letter-spacing:.05em;padding:9px 14px;text-align:right;text-transform:uppercase;white-space:nowrap}.mc-table th:first-child{text-align:left}.mc-table td{border-bottom:1px solid var(--matchbox-calc-color-border);color:var(--matchbox-calc-color-text);font-size:var(--matchbox-calc-font-sm);padding:8px 14px;text-align:right}.mc-table td:first-child{color:var(--matchbox-calc-color-accent);font-weight:700;text-align:left}.mc-table tbody tr:last-child td{border-bottom:none}.mc-table tbody tr:hover td{background:var(--matchbox-calc-color-surface)}.mortgage-comparison{color:var(--matchbox-calc-color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.calc-section-header{color:var(--matchbox-calc-color-muted);display:block;font-size:var(--matchbox-calc-font-xs);font-weight:700;letter-spacing:.08em;margin-bottom:var(--matchbox-calc-space-md);text-transform:uppercase}.calc-inputs{background:var(--matchbox-calc-color-surface);border:1px solid var(--matchbox-calc-color-border);border-radius:var(--matchbox-calc-radius-lg);display:grid;gap:var(--matchbox-calc-space-md);grid-template-columns:1fr 1fr;margin-bottom:var(--matchbox-calc-space-xl);padding:var(--matchbox-calc-space-xl)}.calc-inputs-header{align-items:center;display:flex;gap:var(--matchbox-calc-space-sm);grid-column:span 2;margin-bottom:var(--matchbox-calc-space-xs)}.calc-input-full{grid-column:span 2}.calc-inputs .mc-input-group{margin-bottom:0}.calc-tooltip-trigger{align-items:center;background:transparent;border:1.5px solid;border-radius:50%;color:var(--matchbox-calc-color-muted);cursor:help;display:inline-flex;flex-shrink:0;height:15px;justify-content:center;margin-left:3px;opacity:.5;padding:0;transition:color .15s,opacity .15s;vertical-align:middle;width:15px}.calc-tooltip-trigger:hover{opacity:1}.calc-tooltip-trigger svg{height:7px;width:7px}.calc-summary{display:grid;gap:var(--matchbox-calc-space-md);grid-template-columns:1fr 1fr;margin:var(--matchbox-calc-space-xl) 0}.calc-summary-stat{background:var(--matchbox-calc-color-bg);border:1px solid var(--matchbox-calc-color-border);border-radius:var(--matchbox-calc-radius-lg);box-shadow:var(--matchbox-calc-shadow-1);padding:var(--matchbox-calc-space-xl) var(--matchbox-calc-space-lg)}.calc-summary-stat-label{color:var(--matchbox-calc-color-muted);font-size:var(--matchbox-calc-font-xs);font-weight:700;letter-spacing:.08em;margin:0 0 var(--matchbox-calc-space-sm);text-transform:uppercase}.calc-summary-stat-value{font-size:var(--matchbox-calc-font-3xl);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0}.calc-summary-savings{color:var(--matchbox-calc-color-success)}.calc-summary-difference{color:var(--matchbox-calc-color-text)}.calc-summary-stat-sub{color:var(--matchbox-calc-color-muted);font-size:var(--matchbox-calc-font-xs);margin:var(--matchbox-calc-space-sm) 0 0}.calc-table-card{background:var(--matchbox-calc-color-bg);border:1px solid var(--matchbox-calc-color-border);border-radius:var(--matchbox-calc-radius-lg);box-shadow:var(--matchbox-calc-shadow-1);margin-bottom:var(--matchbox-calc-space-xl);overflow:hidden}.calc-table-card-header{align-items:center;background:var(--matchbox-calc-color-surface);color:var(--matchbox-calc-color-text);display:flex;font-size:var(--matchbox-calc-font-md);font-weight:700}.calc-table-card-header,.calc-table-desc{border-bottom:1px solid var(--matchbox-calc-color-border);padding:var(--matchbox-calc-space-md) var(--matchbox-calc-space-lg)}.calc-table-desc{color:var(--matchbox-calc-color-muted);font-size:var(--matchbox-calc-font-sm);line-height:1.6;margin:0}.calc-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.calc-table thead th{border-bottom:1.5px solid var(--matchbox-calc-color-border);font-size:var(--matchbox-calc-font-xs);font-weight:700;letter-spacing:.05em;padding:10px var(--matchbox-calc-space-lg);text-align:right;text-transform:uppercase}.calc-table thead th:first-child{background:var(--matchbox-calc-color-surface);color:var(--matchbox-calc-color-muted);text-align:left}.calc-th-15yr{background-color:var(--matchbox-calc-color-15yr-surface);color:var(--matchbox-calc-color-15yr-text)}.calc-th-30yr{background-color:var(--matchbox-calc-color-30yr-surface);color:var(--matchbox-calc-color-30yr-text)}.calc-table th[scope=row]{background:transparent;color:var(--matchbox-calc-color-muted);text-align:left;white-space:nowrap}.calc-table td,.calc-table th[scope=row]{border-bottom:1px solid var(--matchbox-calc-color-border);font-size:var(--matchbox-calc-font-sm);font-weight:500;padding:11px var(--matchbox-calc-space-lg)}.calc-table td{text-align:right}.calc-td-15yr{color:var(--matchbox-calc-color-15yr-text);font-weight:600}.calc-td-30yr{color:var(--matchbox-calc-color-30yr-text);font-weight:600}.calc-table tbody tr:last-child td,.calc-table tbody tr:last-child th[scope=row]{border-bottom:none}.calc-table tbody tr:hover td,.calc-table tbody tr:hover th[scope=row]{background:var(--matchbox-calc-color-surface)}.calc-chart-card{background:var(--matchbox-calc-color-bg);border:1px solid var(--matchbox-calc-color-border);border-radius:var(--matchbox-calc-radius-lg);box-shadow:var(--matchbox-calc-shadow-1);display:flex;flex-direction:column;overflow:hidden}.calc-chart-header{background:var(--matchbox-calc-color-surface);border-bottom:1px solid var(--matchbox-calc-color-border);color:var(--matchbox-calc-color-text);font-size:var(--matchbox-calc-font-md);font-weight:700;padding:var(--matchbox-calc-space-md) var(--matchbox-calc-space-lg)}.calc-chart-body{flex:1;padding:var(--matchbox-calc-space-md)}.calc-schedule{border:1px solid var(--matchbox-calc-color-border);border-radius:var(--matchbox-calc-radius-lg);box-shadow:var(--matchbox-calc-shadow-1);margin:var(--matchbox-calc-space-xl) 0;overflow:hidden}.calc-schedule-toggle{align-items:center;background:var(--matchbox-calc-color-surface);border:none;color:var(--matchbox-calc-color-text);cursor:pointer;display:flex;font-family:inherit;font-size:var(--matchbox-calc-font-md);font-weight:700;gap:var(--matchbox-calc-space-sm);justify-content:space-between;padding:var(--matchbox-calc-space-md) var(--matchbox-calc-space-lg);text-align:left;transition:background .12s;width:100%}.calc-schedule-toggle:hover{background:#e9eaec}.calc-schedule-toggle-icon{color:var(--matchbox-calc-color-muted);flex-shrink:0;height:16px;transition:transform .2s ease;width:16px}.calc-schedule-toggle[aria-expanded=true] .calc-schedule-toggle-icon{transform:rotate(180deg)}.calc-schedule-wrapper{max-height:500px;overflow-y:auto}.calc-table-schedule thead{position:sticky;top:0;z-index:1}.calc-table-schedule thead th{background:var(--matchbox-calc-color-surface);border-bottom:1.5px solid var(--matchbox-calc-color-border);font-size:var(--matchbox-calc-font-xs);font-weight:700;letter-spacing:.04em;padding:8px var(--matchbox-calc-space-md);text-align:right;text-transform:uppercase}.calc-table-schedule thead th[rowspan],.calc-table-schedule thead th[scope=col]:first-child{color:var(--matchbox-calc-color-muted);text-align:left}.calc-table-schedule thead th.calc-th-15yr,.calc-table-schedule thead th.calc-th-30yr{text-align:center}.calc-table-schedule tbody tr:nth-child(2n) td{background:var(--matchbox-calc-color-surface)}.calc-table-schedule tbody tr:hover td{background:#eef0f2}.calc-data-table{margin:var(--matchbox-calc-space-xs) var(--matchbox-calc-space-md) var(--matchbox-calc-space-sm)}.calc-data-table summary{color:var(--matchbox-calc-color-accent);cursor:pointer;font-size:var(--matchbox-calc-font-xs);opacity:.7;padding:4px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.calc-data-table summary:hover{opacity:1}.calc-grid{display:grid;gap:var(--matchbox-calc-space-lg);grid-template-columns:repeat(12,1fr);margin:var(--matchbox-calc-space-xl) 0}.calc-col-6{grid-column:span 6}.calc-col-12{grid-column:span 12}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}@media (max-width:767px){.mc-calculator-shell{border-radius:var(--matchbox-calc-radius-md);grid-template-columns:1fr}.mc-input-panel{border-bottom:1px solid var(--matchbox-calc-color-border);border-right:none}.mc-results-primary-value{font-size:var(--matchbox-calc-font-2xl)}.calc-inputs{grid-template-columns:1fr;padding:var(--matchbox-calc-space-lg)}.calc-input-full,.calc-inputs-header{grid-column:span 1}.calc-summary{grid-template-columns:1fr}.calc-summary-stat-value{font-size:var(--matchbox-calc-font-2xl)}.calc-grid{gap:var(--matchbox-calc-space-md);grid-template-columns:1fr}.calc-col-12,.calc-col-6{grid-column:span 1}.calc-table-schedule{display:block;overflow-x:auto}.calc-table td,.calc-table th[scope=row],.calc-table thead th{padding:9px var(--matchbox-calc-space-md)}}@media (min-width:768px) and (max-width:1023px){.calc-grid{grid-template-columns:repeat(6,1fr)}.calc-col-6{grid-column:span 3}.calc-col-12{grid-column:span 6}}
.mc-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.mc-calculator-shell :focus-visible{outline:2px solid var(--matchbox-calc-color-accent);outline-offset:2px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}