@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:20px}.promo-banner{background:#e9eafc;border:1px solid #d8d9f3;border-radius:8px;color:#4a5fc9;font-size:.9rem;font-weight:500;margin-bottom:20px;padding:8px 40px 8px 20px;position:relative;text-align:center}.promo-banner a{color:inherit;font-weight:600;text-decoration:none}.promo-banner a:hover{text-decoration:underline}.promo-close{background:none;border:none;color:#4a5fc9;cursor:pointer;font-size:20px;opacity:.7;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s}.promo-close:hover{opacity:1}header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);color:#fff;margin-bottom:30px;padding:20px 0;position:relative;text-align:center;z-index:1}header h1{font-size:1.8rem;font-weight:700;margin-bottom:10px}header p{font-size:1.1rem;opacity:.9}.section-divider{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:2px;margin:12px auto 0;max-width:240px;opacity:.35}@media (max-width:768px){.container{padding:10px}.promo-banner{font-size:.9rem;padding:10px 15px}.promo-banner,header{border-radius:6px;margin-bottom:15px}header{margin-top:15px;padding:12px 8px}header h1{font-size:1.5rem;margin-bottom:6px}header p{font-size:.9rem}}@media (max-width:480px){.container{padding:8px}.promo-banner{font-size:.85rem;padding:8px 12px}.promo-banner,header{border-radius:4px;margin-bottom:12px}header{margin-top:12px;padding:10px 6px}header h1{font-size:1.5rem;margin-bottom:5px}header p{font-size:.85rem}}.alert-container{max-width:400px;position:fixed;right:20px;top:20px;z-index:1000}.alert{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 16px}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-message{flex:1}.alert-close{background:none;border:none;cursor:pointer;font-size:18px;margin-left:10px;opacity:.7;padding:0}.alert-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.tabs{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;margin-bottom:30px;padding:4px}.tab-btn{background:transparent;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1;font-size:1rem;font-weight:500;padding:12px 20px;transition:all .3s ease}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px rgba(102,126,234,.3);color:#fff}.tab-btn:hover:not(.active){background:#f8f9fa;color:#333}.input-section{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.input-section,.tab-contents{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px;padding:30px}.tab-content{display:none}.tab-content.active{display:block}.input-group{display:flex;flex-direction:column}.input-group label{color:#333;font-size:.95rem;font-weight:600;margin-bottom:8px}.input-group input{background:#fafbfc;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .3s ease}.input-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.input-group input.input-error{background:#fff5f5;border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,.1)}.input-group input.input-error:focus{border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,.2)}.input-group select{appearance:none;background:#fafbfc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e1e5e9;border-radius:8px;color:#333;font-size:1rem;padding:12px 40px 12px 16px;transition:all .3s ease}.input-group select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.term-inputs{display:flex;gap:10px}.term-inputs input{width:100%}.extra-payment-section{margin-top:20px}.extra-payments-list{margin-top:20px;padding:20px}.extra-payments-list h4{color:#495057;font-size:1.1rem;margin-bottom:15px}.extra-payments-items{gap:10px}.extra-payment-item{padding:12px 16px}.extra-payment-info{font-size:.95rem}.extra-payment-remove{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background-color .2s}.extra-payment-remove:hover{background:#c82333}.btn{border:none;cursor:pointer;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff;font-size:1.1rem;margin:20px 0;padding:16px;width:100%}.btn-primary:hover{box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-outline{background:transparent;border:2px solid #667eea;color:#667eea}.btn-cancel{background:#6c757d;color:#fff}.btn-confirm{background:#28a745;color:#fff}.results-section{margin-top:30px}.kpi-cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.kpi-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:25px;text-align:center;transition:transform .3s ease}.kpi-card:hover{transform:translateY(-5px)}.kpi-card.has-tooltip{position:relative}.kpi-card h3{color:#666;font-size:1rem;font-weight:500;margin-bottom:10px}.savings-info{margin-bottom:30px}.savings-card{background:linear-gradient(135deg,#28a745,#20c997);border-radius:12px;box-shadow:0 4px 15px rgba(40,167,69,.3);color:#fff;padding:25px}.savings-card h4{font-size:1.2rem;margin-bottom:15px}.savings-details{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.savings-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:10px 0}.savings-item:last-child{border-bottom:none}.savings-value{font-size:1.1rem;font-weight:700}.table-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.table-controls{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px 25px}.table-actions{display:flex;gap:10px}.table-actions .btn,.table-toggle .btn{font-size:.9rem;padding:8px 16px}.table-wrapper{overflow-x:auto}.amortization-table{border-collapse:collapse;font-size:.9rem;width:100%}.amortization-table th{background:#667eea;color:#fff;font-weight:600;padding:15px 12px;position:sticky;text-align:left;top:0;z-index:10}.amortization-table td{border-bottom:1px solid #dee2e6;padding:12px;text-align:left}.amortization-table td:first-child{font-weight:600;text-align:left}.amortization-table td:nth-child(2){text-align:left}.amortization-table tbody tr:hover,.table-more{background:#f8f9fa}.table-more{border-top:1px solid #dee2e6;padding:20px;text-align:center}.table-more .btn{padding:10px 20px}.modal{background-color:rgba(0,0,0,.5);height:100%;left:0;top:0;width:100%}.modal-content{animation:modalSlideIn .3s ease-out;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:500px;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h3{color:#333;margin:0}.modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{color:#333}.modal-body{padding:25px}.modal-body .input-group{margin-bottom:20px}.modal-body .input-group:last-child{margin-bottom:0}.modal-footer{background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;padding:20px 25px}.modal-footer .btn{min-width:80px;padding:10px 20px}.info-section{margin-top:40px}.info-section .card{margin-bottom:20px}.mode-description{line-height:1.6}.description-content{display:grid;gap:25px}.formula-section,.notes-section,.usage-section{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:20px}.formula-section h4,.notes-section h4,.usage-section h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:15px}.formula-item{margin-bottom:20px}.formula-item h5{color:#667eea;font-size:1rem;font-weight:600;margin-bottom:8px}.formula{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-family:Courier New,monospace;font-size:.95rem;line-height:1.4;margin:8px 0;overflow-x:auto;padding:15px}.formula-note{color:#666;font-size:.9rem;font-style:italic}.notes-section ul{margin:0;padding-left:20px}.notes-section li{color:#555;margin-bottom:8px}.disclaimer-card{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107}.disclaimer-card .card-header{background:#ffc107;border-bottom:1px solid #ffecb5;color:#856404}.disclaimer-content{color:#856404}.disclaimer-content>p{background:rgba(255,193,7,.1);border-left:4px solid #ffc107;border-radius:6px;font-size:1.1rem;margin-bottom:20px;padding:15px}.disclaimer-points{margin-bottom:25px}.disclaimer-points h4{color:#856404;font-size:1.05rem;font-weight:600;margin-bottom:12px}.disclaimer-points ul{margin:0;padding-left:20px}.disclaimer-points li{line-height:1.5;margin-bottom:8px}.disclaimer-footer{background:rgba(255,193,7,.15);border:1px solid rgba(255,193,7,.3);border-radius:6px;padding:15px}.disclaimer-footer p{font-weight:500;margin:0;text-align:center}@media (max-width:768px){.container{padding:15px}header h1{font-size:1.5rem}.input-section{grid-template-columns:1fr;padding:20px}.tab-contents{padding:20px}.kpi-cards{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi-card{padding:20px}.kpi-value{font-size:1.5rem}.table-controls{align-items:stretch;flex-direction:column;gap:15px}.table-actions{justify-content:center}.amortization-table{font-size:.8rem}.amortization-table td,.amortization-table th{padding:8px 6px}.alert-container{left:10px;max-width:none;right:10px}.modal-content{margin:20px;width:calc(100% - 40px)}.modal-body,.modal-footer,.modal-header{padding:15px 20px}.description-content,.savings-details{grid-template-columns:1fr}.formula-section,.notes-section,.usage-section{padding:15px}.formula{font-size:.85rem;padding:12px}.formula-item h5{font-size:.9rem}.disclaimer-content>p{font-size:1rem;padding:12px}}@media (max-width:480px){.tabs{flex-direction:column;gap:2px}.tab-btn{border-radius:6px}.kpi-cards{grid-template-columns:1fr}.table-actions{flex-direction:column;gap:10px}.table-actions .btn{width:100%}}@media print{.alert-container,.btn,.input-section,.modal,.tab-contents,.table-controls,.tabs{display:none!important}.container{max-width:none;padding:0}.results-section{margin-top:0}.table-section{border:1px solid #ddd;box-shadow:none}}@media (max-width:768px){.content-section{padding:20px 0}.content-section .card{box-shadow:none;padding:20px}.content-section .card h1{font-size:1.9rem;line-height:1.25}.content-section .card h2{font-size:1.5rem;margin-bottom:.8em;margin-top:1.8em}.content-section .card li,.content-section .card p{font-size:1rem;line-height:1.75}.content-section .card ol,.content-section .card ul{padding-left:25px}.content-section .card iframe,.content-section .card img,.content-section .card pre,.content-section .card video{height:auto;max-width:100%}.content-section .card pre{overflow-wrap:break-word;white-space:pre-wrap}.content-section .card table{-webkit-overflow-scrolling:touch;border-collapse:collapse;border-spacing:0;display:block;overflow-x:auto;width:100%}.content-section .card table td,.content-section .card table th{border:1px solid #dee2e6;padding:8px 12px}.content-section .card .example-table{-webkit-overflow-scrolling:touch;border-collapse:collapse;border-spacing:0;display:block;overflow-x:auto;width:100%}.content-section .card .example-table td,.content-section .card .example-table th{border:1px solid #dee2e6;padding:8px 12px}}.tools-and-guides-section{margin-bottom:20px}.tools-and-guides-section .card-body{padding:25px}.quick-tools{border-bottom:2px solid #f0f4f8;margin-bottom:35px;padding-bottom:25px}.quick-tools h3{align-items:center;color:#333;display:flex;font-size:1.3rem;font-weight:600;gap:8px;margin-bottom:20px}.quick-tools h3:before{content:"🚀";font-size:1.2rem}.tool-cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tool-card{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:12px;color:inherit;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.tool-card:before{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.tool-card:hover{border-color:#667eea;box-shadow:0 12px 40px rgba(102,126,234,.15);transform:translateY(-4px) scale(1.02)}.tool-card:hover:before{left:0}.tool-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px rgba(102,126,234,.3);display:flex;font-size:2.5rem;height:60px;justify-content:center;min-width:60px}.tool-content,.tool-icon{position:relative;z-index:1}.tool-content{flex:1}.tool-content h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 8px;transition:color .3s ease}.tool-content p{color:#666;font-size:.9rem;line-height:1.4;margin:0;transition:color .3s ease}.tool-card:hover .tool-content h4{color:#667eea}.tool-card:hover .tool-content p{color:#555}.articles-grid{margin-top:25px}.articles-grid h3{align-items:center;color:#333;display:flex;font-size:1.3rem;font-weight:600;gap:8px;margin-bottom:20px}.articles-grid h3:before{content:"📚";font-size:1.2rem}.article-links{display:grid;gap:12px;grid-template-columns:1fr;list-style:none;margin:0;padding:0}@media (min-width:1024px){.article-links{grid-template-columns:repeat(2,1fr)}}.article-links li a{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;display:block;font-size:.95rem;font-weight:500;padding:14px 18px;text-align:left;text-decoration:none;transition:all .3s ease}.article-links li a:hover{background-color:#fff;border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15);color:#667eea;transform:translateY(-2px)}@media (max-width:768px){.tool-cards{gap:15px;grid-template-columns:1fr}.tool-card{gap:12px;padding:16px}.tool-icon{border-radius:10px;font-size:2rem;height:50px;min-width:50px}.tool-content h4{font-size:1rem}.tool-content p{font-size:.85rem}.article-links{gap:10px;grid-template-columns:1fr}.article-links li a{font-size:.9rem;padding:12px 16px}}@media (max-width:480px){.tools-and-guides-section .card-body{padding:20px}.quick-tools{margin-bottom:25px;padding-bottom:20px}.articles-grid h3,.quick-tools h3{font-size:1.2rem;margin-bottom:15px}.tool-card{gap:10px;padding:14px}.tool-icon{border-radius:8px;font-size:1.8rem;height:45px;min-width:45px}}.chart-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.chart-controls{gap:10px;margin-bottom:15px}.chart-btn{background:#fff;border:1px solid #e1e5e9;border-radius:6px;cursor:pointer;padding:8px 16px;transition:all .3s ease}.chart-btn.active,.chart-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.chart-placeholder-container{align-items:center;background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;display:flex;height:400px;justify-content:center}.chart-placeholder{color:#6c757d;padding:20px;text-align:center;width:100%}.chart-legend{display:inline-block;margin:15px 0;text-align:left}.chart-details{margin-top:15px}.chart-details p{font-weight:500;margin:5px 0}.chart-range-bar{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:8px}.chart-range-bar #chartRangeValue,.chart-range-bar label{color:#666;font-size:12px}.chart-range-bar input[type=range]{accent-color:#6c63ff;height:4px;max-width:680px;width:68%}@media (prefers-color-scheme:dark){.chart-range-bar #chartRangeValue,.chart-range-bar label{color:#aaa}}.modal{align-items:center;background:rgba(0,0,0,.45);display:none;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);max-width:520px;width:92%}.chart-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.chart-range{align-items:center;display:inline-flex;gap:8px;margin-left:12px}.chart-range input[type=range]{accent-color:#6c63ff;height:4px;width:180px}.chart-range #chartRangeValue,.chart-range label{color:#666;font-size:12px}@media (prefers-color-scheme:dark){.chart-range #chartRangeValue,.chart-range label{color:#aaa}}.chart-window{height:36px;margin:10px 0 4px;position:relative;touch-action:none;user-select:none}.chart-window .track{background:#e5e7eb;border-radius:2px;height:4px;left:0;position:absolute;right:0;top:16px}.chart-window .selection{background:#c7d2fe;border-radius:4px;cursor:grab;height:8px;position:absolute;top:14px}.chart-window .selection:active{cursor:grabbing}.chart-window .thumb{background:#6c63ff;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15);cursor:ew-resize;height:16px;position:absolute;top:10px;width:12px}.chart-window .thumb.end,.chart-window .thumb.start{transform:translateX(-50%)}.chart-window .thumb:before{background:transparent;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}.chart-window .labels{color:#666;font-size:12px;left:0;pointer-events:none;position:absolute;right:0;text-align:center;top:-2px}@media (prefers-color-scheme:dark){.chart-window .track{background:#333}.chart-window .selection{background:#545bff}.chart-window .labels{color:#aaa}}@media (max-width:480px){.chart-placeholder-container{height:300px}.chart-section{padding:12px}.chart-window{height:44px;margin:8px 0 2px}.chart-window .track{height:6px;top:20px}.chart-window .selection{height:10px;top:18px}.chart-window .thumb{border-radius:4px;height:24px;top:14px;width:16px}.chart-window .labels{font-size:11px}.chart-window{height:48px}.chart-window .track{height:8px;top:22px}.chart-window .selection{height:12px;top:19px}.chart-window .thumb{height:28px;top:14px;width:20px}}.fieldset-card{background:#fdfdff;border:1px solid #e1e5e9;border-radius:12px;padding:25px}#basicMode>.fieldset-card{margin-top:0}.fieldset-card>legend{color:#333;font-size:1.2rem;font-weight:600;margin-left:15px;padding:0 10px;width:auto}.extra-payments-inputs{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:25px}.extra-payments-inputs .input-group{margin-bottom:0}.one-time-payments-section{border-top:1px solid #e9ecef;padding-top:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-header h4{color:#495057;font-size:1.1rem;font-weight:600;margin:0}.btn-compact{font-size:.9rem;padding:8px 16px}.extra-payments-list{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:15px;padding:15px}.extra-payments-items{display:flex;flex-direction:column;gap:8px}.extra-payment-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 14px}.remove-payment{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:4px 8px;transition:background-color .2s}.remove-payment:hover{background:#c82333}@media (max-width:768px){.extra-payments-inputs,.penalty-inputs{gap:15px;grid-template-columns:1fr}.fieldset-card{padding:20px}.fieldset-card>legend{font-size:1.1rem}.section-header{align-items:stretch;flex-direction:column;gap:10px}.section-header h4{text-align:center}.btn-compact{width:100%}}@media (max-width:480px){.fieldset-card{padding:15px}.extra-payments-inputs,.penalty-inputs{gap:12px}}.kpi-value{align-items:center;display:flex;flex-direction:column}.kpi-main-value,.kpi-value{font-size:1.8rem;font-weight:700;line-height:1.2}.kpi-main-value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333}.kpi-subtext{color:#666;font-size:.8rem;font-weight:400;gap:4px;margin-top:5px;text-align:center}.info-icon,.kpi-subtext{align-items:center;display:inline-flex}.info-icon{color:#adb5bd;justify-content:center}.info-icon svg{height:16px;width:16px}.kpi-tooltip-text{background-color:#333;border-radius:6px;bottom:calc(100% + 10px);color:#fff;font-size:.85rem;line-height:1.4;opacity:0;padding:8px 12px;pointer-events:none;text-align:center;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:280px;z-index:10}.kpi-tooltip-text,.kpi-tooltip-text:after{left:50%;position:absolute;transform:translateX(-50%)}.kpi-tooltip-text:after{border:5px solid transparent;border-top-color:#333;content:"";top:100%}.kpi-card.has-tooltip:active .kpi-tooltip-text,.kpi-card.has-tooltip:hover .kpi-tooltip-text{opacity:1;visibility:visible}.prepayment-penalty-section{border:none;border-top:1px solid #e9ecef;margin-top:25px;padding:20px 0 0}.prepayment-penalty-section>legend{align-items:center;color:#495057;display:flex;font-size:1rem;font-weight:600;gap:10px;margin:0 0 15px;padding:0;width:auto}.prepayment-penalty-section>legend label{cursor:pointer;font-weight:600}#includePenalty{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.penalty-inputs{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px;padding:20px}.content-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px;padding:30px}.content-section h1{color:#333;font-size:2.2rem;font-weight:700;line-height:1.3;margin-bottom:10px}.content-section h2{border-bottom:2px solid #f0f4f8;color:#333;font-size:1.5rem;font-weight:700;margin:30px 0 20px;padding-bottom:10px}.content-section h3{color:#444;font-size:1.25rem;font-weight:600;margin:25px 0 15px}.content-section p{color:#444;font-size:1.05rem;line-height:1.7;margin-bottom:20px}.content-section ol,.content-section ul{margin:20px 0;padding-left:25px}.content-section ol li,.content-section ul li{color:#444;font-size:1.05rem;line-height:1.7;margin-bottom:12px}.content-section ul li{list-style-type:disc}.content-section ol li{list-style-type:decimal}.content-section strong{color:#333;font-weight:600}.content-section a{border-bottom:1px dashed #667eea;text-decoration:none;transition:all .3s ease}.content-section a:hover{border-bottom:1px solid #764ba2;color:#764ba2}.content-section dl{margin:20px 0}.content-section dt{color:#333;font-size:1.05rem;font-weight:600;margin-bottom:5px}.content-section dd{color:#444;font-size:1.05rem;line-height:1.7;margin-bottom:20px;margin-left:0}.content-section .table-responsive{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:25px 0;overflow-x:auto}.content-section table{border-collapse:collapse;margin:0;min-width:500px;width:100%}.content-section table th{background:#667eea;color:#fff;font-weight:600;padding:15px 12px;text-align:left}.content-section table td{border-bottom:1px solid #dee2e6;padding:12px;text-align:left}.content-section table tr:hover{background:#f8f9fa}@media (max-width:768px){.content-section{border-radius:8px;padding:20px}.content-section h2{font-size:1.3rem;margin:25px 0 15px;padding-bottom:8px}.content-section h3{font-size:1.15rem;margin:20px 0 12px}.content-section ol li,.content-section p,.content-section ul li{font-size:1rem;line-height:1.6}.content-section ol,.content-section ul{padding-left:20px}.content-section .table-responsive{border-radius:0;margin:20px -10px}.content-section table td,.content-section table th{font-size:.9rem;padding:10px 8px}.content-section table th{padding:12px 8px}}@media (max-width:480px){.content-section{border-radius:6px;padding:15px}.content-section h2{font-size:1.15rem;margin:20px 0 12px;padding-bottom:6px}.content-section h3{font-size:1.1rem;margin:18px 0 10px}.content-section ol li,.content-section p,.content-section ul li{font-size:.95rem;line-height:1.6;margin-bottom:15px}.content-section ol,.content-section ul{padding-left:18px}.content-section ol li,.content-section ul li{margin-bottom:10px}.content-section .table-responsive{margin:15px -15px}.content-section table td,.content-section table th{font-size:.85rem;padding:8px 6px}.content-section table th{padding:10px 6px}.article-intro{font-size:1rem;line-height:1.6;margin-bottom:20px}.feature-box{border-radius:0 6px 6px 0;margin:15px 0;padding:12px}.feature-box h3{font-size:1.1rem}.feature-box ul{padding-left:15px}.feature-box li{margin-bottom:8px}.tip-box{border-radius:0 5px 5px 0;margin:15px 0;padding:10px}}.article-intro{color:#555;font-size:1.2rem;font-weight:500;line-height:1.8;margin-bottom:30px}.feature-box{background:#f8f9fa;border-left:4px solid #667eea;border-radius:0 8px 8px 0;box-shadow:0 2px 5px rgba(0,0,0,.05);margin:25px 0;padding:20px}.feature-box h3{color:#333;font-size:1.3rem;margin-top:0}.feature-box ul{margin:15px 0;padding-left:20px}.feature-box li{line-height:1.6;margin-bottom:10px}.tip-box{border-radius:0 6px 6px 0}.strategy-card{background:#fff;border-radius:8px;border-top:4px solid #667eea;box-shadow:0 2px 10px rgba(0,0,0,.1);margin:20px 0;padding:20px}.benefit-list{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.benefit-item{background:#f8f9fa;border-radius:8px;flex:1;min-width:200px;padding:15px}.tip-box{background:#e3f2fd;border-left:4px solid #2196f3;margin:20px 0;padding:15px}.example-table{border-collapse:collapse;margin:20px 0;width:100%}.example-table th{background:#f0f4f8;padding:12px;text-align:left}.example-table td{border-bottom:1px solid #eee;padding:12px}.cta-container{margin:30px 0;text-align:center}.btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px rgba(102,126,234,.3);color:#fff!important;display:inline-block;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn:hover{box-shadow:0 4px 12px rgba(102,126,234,.3);transform:translateY(-2px)}.cta-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.cta-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px;text-align:center;transition:all .3s ease}.cta-card:hover{box-shadow:0 4px 15px rgba(0,0,0,.15);transform:translateY(-2px)}.cta-card h3{color:#333;font-size:1.2rem;margin-bottom:10px}.cta-card p{color:#666;font-size:.95rem;margin-bottom:15px}@media (max-width:768px){.cta-grid{gap:15px;grid-template-columns:1fr}.cta-card{padding:15px}.btn{font-size:.95rem;padding:10px 20px}}.year-toggle{background:none;border:none;border-radius:4px;color:#667eea;cursor:pointer;font-size:.9rem;padding:5px 10px;transition:background-color .3s ease}.year-toggle:hover{background-color:#f0f4f8}.year-summary{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:20px;padding:20px}.year-summary h3{border-bottom:1px solid #e1e5e9;color:#333;font-size:1.2rem;margin-top:0;padding-bottom:10px}.year-summary-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.summary-item{background:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:12px}.summary-label{color:#666;font-size:.85rem;margin-bottom:5px}.summary-value{color:#333;font-size:1.1rem;font-weight:600}@media (max-width:768px){.year-summary{margin-bottom:15px;padding:15px}.year-summary h3{font-size:1.1rem;padding-bottom:8px}.year-summary-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.summary-item{padding:10px}.summary-label{font-size:.8rem}.summary-value{font-size:1rem}}.site-footer{background:#f7f9fc;border-top:1px solid #e5e7eb;color:#4b5563;margin-top:24px;padding:16px 0}.footer-inner{align-items:center;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-inner,.footer-links{display:flex;flex-wrap:wrap;gap:16px}.footer-link{color:#2563eb;font-weight:500;text-decoration:none}.footer-link:hover{color:#1d4ed8;text-decoration:underline}.footer-social{opacity:.85}@media (max-width:768px){.footer-inner{gap:12px}.footer-inner,.footer-links{justify-content:center}}.mode-description .accordion-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:4px 0;overflow:hidden}.mode-description .accordion-item summary{color:#111827;cursor:pointer;font-weight:600;line-height:1.8;list-style:none;outline:none;padding:16px 20px;position:relative}.mode-description .accordion-item summary::-webkit-details-marker{display:none}.mode-description .accordion-item summary:after{color:#6b7280;content:"+";font-size:18px;position:absolute;right:16px}.mode-description .accordion-item[open] summary:after{color:#667eea;content:"−"}.mode-description .accordion-item[open]{border-color:#e5e7eb;box-shadow:none}.mode-description .accordion-content{border-top:1px solid #e5e7eb;color:#374151;line-height:1.7;max-height:0;opacity:0;overflow:hidden;padding:0 20px;transition:max-height .2s ease,opacity .2s ease,padding .2s ease}.mode-description .accordion-item[open] .accordion-content{max-height:2000px;opacity:1;padding:16px 20px}.mode-description .accordion-item summary:hover{background:#f9fafb}.mode-description .accordion-item summary:focus{border-radius:6px;box-shadow:0 0 0 2px rgba(102,126,234,.45)}.mode-description .description-content{display:grid;gap:8px}.mode-description .formula-section,.mode-description .notes-section,.mode-description .usage-section{background:#fff;border-left:0;padding:16px 20px}