.loan-hero{padding:40px 20px 36px}.loan-hero p{max-width:720px;line-height:1.65}.loan-badge{display:inline-flex;margin-bottom:12px;padding:6px 12px;border:1px solid rgba(232,101,10,.42);border-radius:99px;background:rgba(232,101,10,.13);color:#ff9b55;font-size:11px;font-weight:700}.loan-app,.loan-info,.loan-related{width:100%;max-width:1180px;margin:auto}.loan-app{padding:18px 0 0}.loan-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px;align-items:start}.loan-controls,.loan-results,.chart-panel,.schedule-panel{padding:22px}.loan-results{position:sticky;top:76px;background:linear-gradient(145deg,#fff,#fafbf9)}.panel__title{margin-bottom:19px}.loan-field{padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid var(--c-border)}.loan-field>label,.label-row>label,fieldset legend,.extra label{display:block;margin-bottom:8px;color:var(--c-text);font-size:13px;font-weight:650}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.label-row>label{margin:0}.input-box{display:grid;grid-template-columns:42px minmax(0,1fr) auto 42px;min-height:45px;overflow:hidden;border:1.5px solid var(--c-border);border-radius:9px;background:#fafaf8}.input-box:focus-within,.compact-input:focus-within{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(232,101,10,.12)}.input-box button{border:0;background:#e8eef4;color:#244664;font-size:21px}.input-box input,.compact-input input{min-width:0;border:0;outline:0;background:transparent;padding:8px 12px;color:var(--c-text);font-size:17px;font-weight:650}.input-box>span,.compact-input span{align-self:center;padding-right:12px;color:var(--c-muted);font-size:11px;font-weight:600}.loan-field input[type=range]{--range-progress:0%;appearance:none;width:100%;height:5px;margin-top:14px;border-radius:99px;background:linear-gradient(to right,var(--c-accent) 0 var(--range-progress),#dddcd7 var(--range-progress) 100%)}.loan-field input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:var(--c-accent);box-shadow:0 1px 5px #667}.loan-field>small{display:flex;justify-content:space-between;margin-top:7px;color:#8a8b89;font-size:10px}.unit-tabs{display:flex;padding:2px;border-radius:7px;background:#e9eef2}.unit-tabs button{padding:5px 9px;border:0;border-radius:5px;background:transparent;color:#647282;font-size:10px}.unit-tabs .active{background:#fff;color:var(--c-navy);box-shadow:0 1px 4px #bbc5cc}.method-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.method-cards label{cursor:pointer}.method-cards input{position:absolute;opacity:0}.method-cards span{display:block;padding:13px;border:1.5px solid var(--c-border);border-radius:9px;background:#fff}.method-cards input:checked+span{border-color:var(--c-accent);background:#fff8f3;box-shadow:0 0 0 2px rgba(232,101,10,.08)}.method-cards b,.method-cards small{display:block}.method-cards b{font-size:12px}.method-cards small{margin-top:3px;color:var(--c-muted);font-size:9px}.extra{display:grid;grid-template-columns:1fr 165px;gap:15px;align-items:center;margin:18px -22px -22px;padding:18px 22px;background:#f3f7f9}.extra label{margin-bottom:3px}.extra p{color:var(--c-muted);font-size:10px;line-height:1.4}.compact-input{display:grid;grid-template-columns:1fr auto;min-height:43px;border:1.5px solid var(--c-border);border-radius:8px;background:#fff}.compact-input input{width:100%}.hero-result{padding:2px 0 19px;border-bottom:1px solid var(--c-border)}.hero-result span,.hero-result small{display:block;color:var(--c-muted);font-size:11px}.hero-result strong{display:block;margin:4px 0;color:var(--c-navy);font-size:clamp(34px,5vw,48px);font-weight:650;letter-spacing:-1.5px}.result-grid{display:grid;grid-template-columns:1fr 1fr}.result-grid div{padding:15px 0;border-bottom:1px solid var(--c-border)}.result-grid div:nth-child(odd){padding-right:14px;border-right:1px solid var(--c-border)}.result-grid div:nth-child(even){padding-left:14px}.result-grid span{display:block;color:var(--c-muted);font-size:9px}.result-grid b{display:block;margin-top:4px;color:var(--c-text);font-size:14px}.saving-box{margin:17px 0;padding:14px;border:1px solid #bfe8d8;border-radius:10px;background:#f1fbf7}.saving-box>div:first-child{display:flex;gap:7px;align-items:center;color:#08775c;font-size:11px;font-weight:700}.saving-box i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#14a37f;color:#fff;font-style:normal}.saving-box>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.saving-box p{color:#5d746c;font-size:9px}.saving-box strong{display:block;margin-top:3px;color:#08775c;font-size:16px}.cost-bar>div{display:flex;height:11px;overflow:hidden;border-radius:99px;background:#ddd}.cost-bar>div span:first-child{background:#3479b9}.cost-bar>div span:last-child{background:#e8650a}.cost-bar p{display:flex;justify-content:flex-end;gap:5px;align-items:center;margin-top:7px;color:var(--c-muted);font-size:9px}.cost-bar p i{width:7px;height:7px;border-radius:50%;background:#3479b9}.cost-bar p i:nth-of-type(2){margin-left:6px;background:#e8650a}.notice{margin-top:15px;padding:10px 12px;border-left:3px solid #d8b36a;background:#fffaf0;color:#755b2b;font-size:9px;line-height:1.5}.chart-panel,.schedule-panel{margin-top:18px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.section-head>div:first-child>span{color:var(--c-accent);font-size:9px;font-weight:700;letter-spacing:.8px}.section-head h2{margin-top:2px;font-size:18px}.legend{display:flex;gap:8px;color:var(--c-muted);font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:50%;background:#9aa8b5}.legend span:last-child i{background:#e8650a}.chart-wrap{height:330px;border:1px solid #e1e8ee;border-radius:11px;background:linear-gradient(#fff,#f7fbfe);padding:10px}.chart-wrap canvas{width:100%;height:100%}.section-head>button,.show-more{padding:9px 13px;border:1px solid #dce3e8;border-radius:7px;background:#fff;color:var(--c-navy);font-size:10px;font-weight:650}.table-wrap{overflow:auto;max-height:580px;border:1px solid #e1e7ec;border-radius:9px}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th{position:sticky;top:0;z-index:1;background:#edf2f5;color:#536475;text-align:right}th,td{padding:11px 13px;border-bottom:1px solid #e7ecef;text-align:right}th:first-child,td:first-child{text-align:left}td{font-variant-numeric:tabular-nums}.show-more{display:block;margin:13px auto 0}.loan-info{padding-top:38px}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.seo-grid article{padding:20px;border:1px solid var(--c-border);border-radius:10px;background:#fff}.seo-grid article h2{font-size:15px;text-align:left}.seo-grid article p{margin-top:8px;color:var(--c-muted);font-size:12px;line-height:1.7}.faq-q span{font-size:18px}.loan-related{padding:30px 20px 45px}.loan-related h2{margin-bottom:13px;font-size:18px}.loan-related>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.loan-related a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--c-border);border-radius:9px;background:#fff;color:var(--c-text)}.loan-related a>span b,.loan-related a>span small{display:block}.loan-related small{margin-top:3px;color:var(--c-muted);font-size:10px}
@media(max-width:900px){.loan-layout{grid-template-columns:1fr}.loan-results{position:static}}@media(max-width:680px){.loan-hero{padding:30px 18px}.loan-app{padding-left:0;padding-right:0}.loan-controls,.loan-results,.chart-panel,.schedule-panel{padding:17px}.extra{margin:18px -17px -17px;padding:17px}.chart-wrap{height:260px}.section-head{align-items:flex-start;flex-direction:column}.seo-grid,.loan-related>div{grid-template-columns:1fr}}@media(max-width:440px){.method-cards,.saving-box>div:last-child{grid-template-columns:1fr}.extra{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.result-grid div:nth-child(odd){padding-right:0;border-right:0}.result-grid div:nth-child(even){padding-left:0}.hero-result strong{font-size:34px}.legend{flex-direction:column}}

/* Calculator control and chart refinements */
fieldset{min-width:0;margin:0;padding:0;border:0}fieldset legend{float:left;width:100%;padding:0}fieldset legend+.method-cards{clear:both}
.input-box input,.compact-input input{-moz-appearance:textfield}.input-box input::-webkit-inner-spin-button,.input-box input::-webkit-outer-spin-button,.compact-input input::-webkit-inner-spin-button,.compact-input input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}
.legend span{padding:5px 8px;border:1px solid #e2e8ed;border-radius:99px;background:#fff}
.chart-wrap{position:relative;height:350px;overflow:hidden;border-color:#dfe7ed;border-radius:14px;background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);box-shadow:inset 0 1px 0 #fff,0 8px 24px rgba(30,43,60,.045)}
.chart-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 4%,rgba(232,101,10,.07),transparent 32%);pointer-events:none}.chart-wrap canvas{position:relative}
.chart-tooltip{position:absolute;z-index:3;min-width:132px;padding:9px 11px;border:1px solid rgba(30,43,60,.12);border-radius:8px;background:rgba(30,43,60,.94);box-shadow:0 7px 20px rgba(30,43,60,.22);color:#fff;font-size:10px;line-height:1.55;pointer-events:none;transform:translate(-50%,-112%)}.chart-tooltip strong{display:block;font-size:12px}
.chart-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.chart-summary div{padding:11px 13px;border:1px solid #e1e8ed;border-radius:9px;background:#fff}.chart-summary span{display:block;color:var(--c-muted);font-size:9px}.chart-summary strong{display:block;margin-top:3px;color:var(--c-navy);font-size:13px}
@media(max-width:680px){.chart-wrap{height:290px}}@media(max-width:440px){.chart-summary{grid-template-columns:1fr}.chart-summary div{display:flex;justify-content:space-between;align-items:center}.chart-summary strong{margin:0}}

.loan-app,.loan-info,.loan-related{font-synthesis:none;text-rendering:optimizeLegibility}.input-box input,.compact-input input{font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.15px}
.input-box:has(input[aria-invalid="true"]),.compact-input:has(input[aria-invalid="true"]){border-color:#d93025;background:#fff8f7;box-shadow:0 0 0 3px rgba(217,48,37,.08)}
.extra{grid-template-columns:minmax(0,1fr) 218px}.extra-stepper{grid-template-columns:36px minmax(0,1fr) auto 36px;width:100%;background:#fff}.extra-stepper button{font-size:19px}.extra-stepper input{padding-left:10px;padding-right:6px}.extra-stepper>span{padding-right:8px;white-space:nowrap}
@media(max-width:440px){.extra{grid-template-columns:1fr}.extra-stepper{max-width:100%}}
.rate-help{margin:-2px 0 10px;padding:9px 11px;border-left:3px solid #5f8fb8;border-radius:0 7px 7px 0;background:#f1f6fa;color:#53677a;font-size:10px;line-height:1.5}.rate-help strong{color:#284b69}.rate-source{margin-top:8px;color:#7b8389;font-size:8.5px;line-height:1.45}.rate-source a{color:#b94e08;text-decoration:underline;text-underline-offset:2px}.rate-source span{margin:0 3px;color:#b7bdc1}

/* Keep utility text comfortably above the rasterisation threshold on Windows. */
.section-head>div:first-child>span{font-size:11px;line-height:1.35;letter-spacing:.72px}.section-head h2{font-size:19px;line-height:1.3}.legend{font-size:11px}.legend span{padding:6px 9px}.section-head>button,.show-more{font-size:12px;line-height:1.25;padding:10px 14px}.chart-summary span{font-size:11px;line-height:1.35}.chart-summary strong{font-size:14px;line-height:1.4}.schedule-panel table{font-size:12px}.schedule-panel th{font-size:11px}.rate-source{font-size:10px}
.chart-wrap{background:#fff;box-shadow:none}.chart-wrap:before{display:none}.chart-wrap canvas{border:0;background:transparent}.legend span[hidden]{display:none}.legend b{font-weight:500}