:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#233e38;background:#f4f6f5;font-synthesis:none;font-size:16px;--green:#166653;--muted:#6b7e77;--line:#dce5e0}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.bar:focus-visible{outline:3px solid #b99640;outline-offset:4px}button{color:inherit}button:disabled{opacity:.5;cursor:default}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700}.brand-icon{background:#174b3f;color:#fff;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;font-size:30px;line-height:1}.brand-divider{color:#c9d1cd;font-weight:400;margin:0 17px}.brand small{font-size:15px;font-weight:500;color:var(--muted)}.source-nav{font-size:14px}.source-nav span{margin-left:9px;color:var(--green)}main{max-width:1320px;margin:0 auto;padding:43px 40px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.2px;color:#658176;margin-bottom:12px}h1{font-size:32px;letter-spacing:-.9px;line-height:1.4;margin:0 0 9px;font-weight:650}.intro p{font-size:15px;color:var(--muted);margin:0}.date-label{text-align:right;font-size:12px;color:var(--muted)}.date-label span{display:block;font-size:15px;color:#334f45;margin-top:7px;font-variant-numeric:tabular-nums}.workspace{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px;align-items:start}.panel{border:1px solid var(--line);background:white;border-radius:16px}.inputs{padding:26px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}h2{font-size:17px;font-weight:650;line-height:1.5;margin:0}.text-button{padding:0;border:0;background:none;color:var(--green);font-size:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:14px;font-weight:500}select{display:block;width:100%;border:1px solid var(--line);height:46px;padding:0 12px;color:#294b3d;background:#fff;border-radius:8px;margin-top:10px}input[type=number]{appearance:textfield;-moz-appearance:textfield;width:100%;border:0;background:transparent;outline-offset:1px;font-size:22px;font-weight:550;color:#234f41;font-variant-numeric:tabular-nums;min-width:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-unit{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:9px;padding:12px 15px;margin-top:10px}.input-unit:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #16665310}.input-unit span{font-size:14px;color:var(--muted);white-space:nowrap}.segmented{display:flex;padding:4px;background:#f0f4f2;border-radius:9px;margin:25px 0}.segmented button{flex:1;border:0;background:transparent;border-radius:6px;padding:11px 3px;color:var(--muted);font-size:14px;white-space:nowrap}.segmented button[aria-pressed=true]{background:#fff;color:var(--green);box-shadow:0 1px 5px #174d3f12;font-weight:600}#fund-block:not([hidden]){margin-top:18px}.term-head{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.year-entry{display:flex;gap:4px;align-items:center}.year-entry input{width:55px;text-align:right;font-size:21px}.year-entry span{font-size:14px;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--green);margin:17px 0 9px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:#82918a;font-size:12px}.rate-section{margin-top:25px}.label-with-action{display:flex;align-items:center;justify-content:space-between;gap:8px}.badge{font-size:12px;padding:4px 7px;border-radius:4px;background:#eef5f0;color:#477558}.field-help{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 4px}.restore-rate{font-size:12px}.method-field{border:0;margin:25px 0 0;padding:0}.method-field legend{font-size:14px;margin-bottom:13px}.method-options{display:flex;gap:12px}.method-options label{display:flex;gap:7px;flex:1;align-items:flex-start;cursor:pointer}.method-options input{accent-color:var(--green);margin:2px 0}.method-options small{display:block;font-size:12px;color:var(--muted);margin-top:7px;font-weight:400}.calculate-button{display:flex;justify-content:space-between;align-items:center;padding:16px 19px;background:#17634f;border:0;border-radius:9px;color:#fff;width:100%;margin-top:27px;font-weight:600;font-size:15px}.calculate-button:hover{background:#104d3d}.form-foot{text-align:center;font-size:12px;color:#85928d;margin:11px 0 0}.results{display:grid;gap:20px}.result-card{padding:30px 32px 26px;background:#163f35;border:1px solid #163f35;border-radius:16px;color:white;position:relative;overflow:hidden}.result-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.result-top h2{font-size:15px;font-weight:500;color:#d0dfd8}.result-top>span{font-size:12px;padding:6px 10px;border:1px solid #547066;border-radius:30px;color:#d1e1d8}.monthly{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-top:25px;font-variant-numeric:tabular-nums}.monthly .currency{font-size:26px;color:#dcebdd}.monthly>#monthly{font-size:54px;letter-spacing:-2px;font-weight:550;line-height:1.2}.per-month{font-size:14px;color:#c2d4cc;margin-left:6px}#monthly-note{color:#bfd2c8;font-size:12px;margin:10px 0 26px;line-height:1.6}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3b5b50;padding-top:22px;gap:12px}.result-stats span{display:block;color:#becfc6;font-size:12px;margin-bottom:8px}.result-stats strong{font-weight:500;font-size:21px;white-space:nowrap;font-variant-numeric:tabular-nums}.result-stats strong small{font-size:12px;margin-left:4px;color:#c4d5cc}.composition{height:7px;border-radius:3px;background:#bdce87;margin-top:27px;overflow:hidden}.composition div{height:100%;width:70%;background:#5ca98d;transition:width .2s}.composition-label{display:flex;justify-content:space-between;font-size:12px;color:#d4e2d8;margin-top:11px}.composition-label b{font-weight:400;margin-left:5px}.composition-label i,.chart-legend i{width:7px;height:7px;border-radius:2px;display:inline-block;margin-right:7px;background:#5ca98d}.composition-label>span:last-child i,.chart-legend>span:last-child i{background:#bdce87}.comparison{padding:23px 25px}.comparison .section-title{margin-bottom:17px}.secondary{font-size:12px;color:var(--muted)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-option{padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left}.compare-option.selected{border-color:#327962;background:#f3f8f5;box-shadow:inset 0 0 0 .5px #327962}.compare-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.compare-top strong{font-size:14px;font-weight:600}.compare-top span{font-size:12px;color:var(--muted)}.compare-option p{display:flex;justify-content:space-between;margin:16px 0 0;color:var(--muted);gap:8px;font-size:12px}.compare-option p:last-child{margin-top:9px}.compare-option b{color:#27493c;font-size:14px;font-weight:550;font-variant-numeric:tabular-nums}.compare-insight{font-size:12px;color:#648070;line-height:1.8;margin:15px 0 0}.chart-panel{padding:23px 25px 17px}.chart-panel .section-title{margin-bottom:22px}.chart-legend{display:flex;gap:17px;color:var(--muted);font-size:12px}.chart{height:95px;display:flex;gap:5px;align-items:flex-end;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 30px,#edf1ee 31px,#edf1ee 32px)}.bar{display:flex;flex:1;flex-direction:column;min-width:0;border-radius:3px 3px 0 0;overflow:hidden;position:relative;max-width:60px}.bar .interest{background:#bdce87}.bar .principal{background:#5ca98d}.bar:hover{filter:brightness(.9)}.chart-axis{display:flex;justify-content:space-between;font-size:12px;color:#829189;margin-top:9px}.chart-caption{font-size:12px;color:var(--muted);line-height:1.6;margin:13px 0 0}.schedule-panel{margin-top:25px;padding:0 27px}summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:23px 0;gap:20px}summary::-webkit-details-marker{display:none}summary p{font-size:12px;color:var(--muted);margin:5px 0 0}summary>span{font-size:14px;color:var(--green);white-space:nowrap}summary b{margin-left:14px;font-size:20px;font-weight:400}.schedule-controls{border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;align-items:center}.schedule-controls label{display:flex;align-items:center;gap:13px}.schedule-controls select{width:115px;margin:0;height:38px}.schedule-controls>span{font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto;padding-bottom:15px}table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}th,td{padding:14px 10px;text-align:right;border-bottom:1px solid #edf1ee}th{color:var(--muted);font-weight:500;font-size:12px;background:#f6f8f6}th:first-child,td:first-child{text-align:left}.sources{padding:38px 0 28px}.sources .section-title{margin-bottom:20px}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.source-grid article+article{border-left:1px solid var(--line);padding-left:27px}.source-kicker{font-size:12px;color:var(--muted)}.source-grid h3{font-size:14px;font-weight:500;margin:10px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.source-grid b{font-size:22px;color:#2a624e;font-weight:550}.source-grid p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 10px}.source-grid a{font-size:12px;color:#347a60;display:inline-block;margin-right:10px;line-height:1.8}.source-grid a:hover{text-decoration:underline}.assumptions{font-size:12px;color:#7c8982;line-height:1.9;margin-top:25px;padding:17px 20px;border-radius:9px;background:#eaf0ec}footer{max-width:1240px;margin:auto;padding:23px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:#89958e}footer span:first-child{font-weight:700;font-size:14px;color:#5e786a}#error{background:#fff1ed;color:#a53628;font-size:14px;padding:12px;border-radius:6px;line-height:1.6}.results.invalid{opacity:.35;pointer-events:none}[hidden]{display:none!important}@media(min-width:1400px){main{padding-top:48px}.chart{height:110px}}@media(max-width:1050px){main{padding:30px 24px 0}.workspace{grid-template-columns:340px minmax(0,1fr);gap:18px}.inputs{padding:23px}.result-card{padding:26px}.monthly>#monthly{font-size:45px}.result-stats strong{font-size:17px}.compare-grid{grid-template-columns:1fr}.comparison{padding:22px}.compare-option{padding:12px 15px}.compare-option p{margin-top:9px}.chart-panel{padding:22px}.source-grid{gap:18px}.source-grid article+article{padding-left:18px}footer{margin:0 24px}.compare-top span{font-size:12px}}@media(max-width:760px){.topbar{height:70px;padding:0 20px}.brand{font-size:19px;gap:9px}.brand-divider{margin:0 8px}.brand small{font-size:12px}.source-nav{font-size:12px}.intro{margin-bottom:25px}.intro h1{font-size:26px;letter-spacing:-.8px}.date-label{display:none}.workspace{grid-template-columns:1fr}.inputs{padding:23px}.results{gap:17px}.monthly>#monthly{font-size:48px}.compare-grid{grid-template-columns:1fr 1fr}.compare-top{align-items:flex-start;flex-direction:column}.source-grid{grid-template-columns:1fr;gap:22px}.source-grid article+article{padding:22px 0 0;border-left:0;border-top:1px solid var(--line)}.sources .section-title{align-items:flex-start;flex-direction:column;gap:6px}.source-grid h3{justify-content:flex-start;gap:20px}.source-grid p{font-size:13px}.source-grid a{font-size:13px}.schedule-panel{padding:0 20px}summary>span{font-size:12px}summary p{font-size:12px;max-width:200px}.result-top>span{font-size:12px}.result-stats strong{font-size:20px}.chart-legend{gap:9px}.chart-panel h2{font-size:15px}}@media(max-width:390px){main{padding-left:14px;padding-right:14px}.brand small,.brand-divider{display:none}.result-card{padding:24px 20px}.monthly>#monthly{font-size:42px}.result-stats strong{font-size:18px}.compare-grid{grid-template-columns:1fr}.compare-top{flex-direction:row}.result-top{align-items:flex-start}.result-top>span{padding:4px 6px}.chart{gap:3px}.chart-legend{gap:5px}.intro h1{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Alignment pass: keep option controls, comparison cards, and chart content on one shared grid. */
.method-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.method-options label{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;min-width:0}
.method-options input{width:16px;height:16px;margin:2px 0}
.method-options label>span{min-width:0}
.method-options small{line-height:1.5}
.comparison{padding:28px 32px 24px}
.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.compare-option{display:flex;flex-direction:column;min-height:150px}
.compare-option p:last-child{margin-top:auto;padding-top:9px}
.chart-panel{padding:28px 32px 20px}
@media(max-width:1050px){.comparison{padding:22px}.chart-panel{padding:22px}}