.input-group-header{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-md);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.input-group-header:first-child{margin-top:0}.input-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:calc(-1 * var(--space-sm));margin-bottom:var(--space-md)}.tooltip-icon{cursor:help;color:var(--color-text-muted);font-size:.85em}.highlight-row{margin-top:4px}.highlight-row .result-label{font-weight:600}.metric-row{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--color-border)}.toggle-group{display:flex;gap:0;margin-bottom:var(--space-md)}.toggle-group.small{margin-bottom:0}.toggle-btn{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all .2s}.toggle-btn:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}.toggle-btn:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0;border-left:none}.toggle-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.toggle-btn:hover:not(.active){background:var(--color-bg-alt)}.commission-row{display:flex;gap:var(--space-sm);align-items:flex-end;margin-bottom:var(--space-md)}.commission-input{flex:1}.commission-input :global(.input-field){margin-bottom:0}.commission-toggle{display:flex;margin-bottom:.25rem}.unit-toggle{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;min-width:40px}.unit-toggle:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}.unit-toggle:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0;border-left:none}.unit-toggle.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.warning-box{margin-top:var(--space-md);padding:var(--space-md);background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--border-radius);font-size:var(--font-size-sm);color:#92400e}.warning-box strong{display:block;margin-bottom:var(--space-xs)}.pro-section{margin-top:var(--space-2xl);padding:var(--space-lg);background:var(--color-bg);border-radius:var(--border-radius);border:1px solid var(--color-border)}.pro-section h2{margin-top:0;margin-bottom:var(--space-md);font-size:var(--font-size-lg)}.pro-section h3{margin-top:0;margin-bottom:var(--space-sm);font-size:var(--font-size-base);font-weight:600}.section-desc{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.table-wrapper{overflow-x:auto}.schedule-table .better{color:var(--color-success, #16a34a);font-weight:600}.schedule-table .diff-positive{color:var(--color-success, #16a34a)}.schedule-table .diff-negative{color:var(--color-error, #dc2626)}.schedule-table .current{background:#3b82f61a;font-weight:600}.schedule-table .rate-up{color:var(--color-error, #dc2626)}.schedule-table .rate-down{color:var(--color-success, #16a34a)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-md)}.compare-col{padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius)}.compare-col h3{text-align:center;color:var(--color-primary)}.compare-winner{text-align:center;padding:var(--space-md);margin-bottom:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius);font-weight:600;font-size:var(--font-size-lg)}.btn-primary-sm{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:opacity .2s}.btn-primary-sm:hover{opacity:.9}.pro-form{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.pro-form-row{flex:1;min-width:200px}.pro-form-row label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs)}.input-with-unit{display:flex;align-items:center}.input-with-unit input{flex:1;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius) 0 0 var(--border-radius);font-size:var(--font-size-base)}.input-with-unit .unit{padding:var(--space-sm);background:var(--color-bg-alt);border:1px solid var(--color-border);border-left:none;border-radius:0 var(--border-radius) var(--border-radius) 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.overpayment-results{background:var(--color-bg-alt);padding:var(--space-md);border-radius:var(--border-radius)}.savings-highlight{text-align:center;margin-bottom:var(--space-md)}.savings-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-success, #16a34a)}.savings-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.savings-details{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.detail-row{display:flex;gap:var(--space-sm);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border-radius:var(--border-radius)}.detail-row span:last-child{font-weight:600}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.chart-box h3{margin-top:0;margin-bottom:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;text-align:center}.chart-section{margin-top:var(--space-2xl);padding:var(--space-lg);background:var(--color-bg);border-radius:var(--border-radius);border:1px solid var(--color-border)}.chart-section h2{margin-top:0;margin-bottom:var(--space-md);font-size:var(--font-size-lg)}.chart-container{position:relative;height:280px}.schedule-section{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--color-bg);border-radius:var(--border-radius);border:1px solid var(--color-border)}.schedule-section h2{margin-top:0;margin-bottom:var(--space-md);font-size:var(--font-size-lg)}.schedule-table-wrapper{overflow-x:auto;margin-bottom:var(--space-md)}.schedule-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.btn-secondary{padding:var(--space-sm) var(--space-md);background:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:background .2s}.btn-secondary:hover{background:var(--color-border)}.calculator-notes{margin-top:var(--space-xl);padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.calculator-notes p{margin:0 0 var(--space-sm)}.calculator-notes p:last-child{margin-bottom:0}.related-note a{color:var(--color-primary);text-decoration:none}.related-note a:hover{text-decoration:underline}.seo-section{margin-top:var(--space-2xl);padding:var(--space-lg);background:var(--color-bg-alt);border-radius:var(--border-radius)}.seo-section h2{margin-top:0;margin-bottom:var(--space-md)}.seo-section p{margin-bottom:var(--space-md);line-height:1.7}.seo-section p:last-child{margin-bottom:0}.seo-section ul{margin:var(--space-sm) 0 var(--space-md);padding-left:var(--space-lg)}.seo-section li{margin-bottom:var(--space-sm);line-height:1.6}.example-section{margin-top:var(--space-2xl);padding:var(--space-lg);background:var(--color-bg-alt);border-radius:var(--border-radius);border-left:4px solid var(--color-primary)}.example-section h2{margin-top:0}.example-section ul{margin:var(--space-md) 0 0;padding-left:var(--space-lg)}.example-section li{margin-bottom:var(--space-sm)}@media (max-width: 640px){.commission-row{flex-direction:column;align-items:stretch}.commission-toggle{justify-content:flex-start}.pro-form-row{min-width:100%}.savings-details{flex-direction:column}.compare-grid,.charts-grid{grid-template-columns:1fr}}