.calcgrid{grid-template-columns:1.15fr 1fr;align-items:start}.calchead{margin-bottom:30px}.formheading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.field{margin-bottom:22px}.number{width:165px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:-9px 0 25px}.chips button{border:1px solid #b7c9e5;background:white;color:var(--brand);border-radius:6px;padding:7px 11px;font-size:13px}.chips button:hover{background:#faf3f7}.result{position:sticky;top:24px}.result .circle{width:235px;height:235px}.result #share{margin-top:17px}.loan-summary{font-size:14px;color:var(--muted)}.resulttotal{border-top:1px solid var(--border);padding-top:13px;color:var(--brand)}.badges{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:20px 0}.badges span{background:#faf3f7;border-radius:5px;padding:6px 8px;font-size:12px;color:var(--brand)}.moreoptions{border-top:1px solid #d7dee7;padding:17px 0}.moreoptions summary{font-weight:700}.moreoptions summary>span{display:block;font-size:12px;color:var(--muted);font-weight:400;margin:5px 0 0 17px}.moreoptions>div{padding-top:20px}.moreoptions label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.moreoptions select,.moreoptions input{width:100%;background:white;border:1px solid #c7ced8;border-radius:6px;padding:10px 12px;margin-bottom:11px;color:var(--ink)}.moreoptions .hint{margin:0 0 20px;line-height:1.6}.calculate{border:0;width:100%}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.facts>div{padding:20px;background:var(--gray);border-radius:9px;border-top:3px solid #c79a4b}.facts span{display:block;font-size:13px;color:var(--muted);margin-bottom:9px}.facts b{font-size:23px;color:var(--brand)}.resultgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}.resultcard{border:1px solid var(--border);border-radius:12px;padding:26px;background:white}.resultcard>p,.resultcard #savingText p{font-size:14px;color:var(--muted)}.resultcard h3{font-size:21px;margin-bottom:10px}.resultcard .chips{margin:20px 0 0}.resultcard .footnote{font-size:13px}.splitbar{height:17px;display:flex;border-radius:7px;overflow:hidden;margin:22px 0}.allocation>div{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:9px 0}.allocation i{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%}.chartcard{margin:22px 0}.chartlegend{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:20px 0}.chartlegend i{display:inline-block;background:#510b38;width:14px;height:3px;vertical-align:middle;margin-right:7px}.chartlegend span:nth-child(2) i{background:#7ba5df}.chartlegend span:nth-child(3) i{background:#909aab}#balanceChart{display:block;width:100%;height:auto;min-height:150px;margin-bottom:22px}#chartReadout{background:#faf3f7;border-radius:6px;padding:14px;font-size:14px;margin:10px 0 0}#chartYear{margin-top:18px}.rate-row{display:grid;grid-template-columns:1fr 1fr .8fr;gap:10px;align-items:center;padding:13px 8px;border-bottom:1px solid var(--border);font-size:14px}.rate-row strong,.rate-row small{text-align:right}.rate-row small{font-size:12px;color:var(--muted)}.rate-row.current{background:#faf3f7;color:var(--brand);border-radius:5px}#upfront{margin-bottom:0}#upfront>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--border);font-size:14px}#upfront dd{font-weight:700;margin:0}#upfront>div:last-child{font-weight:700;color:var(--brand);font-size:17px}.schedule>summary{font-size:20px;font-weight:700;padding:14px 0}.guideintro{background:var(--gray);border-radius:14px;padding:34px;margin:15px 0 35px}.guideintro h2{font-size:30px}.guideintro>p:last-child{color:var(--muted);margin:0}.guide-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:55px;align-items:start}.guide-nav{position:sticky;top:22px;background:#f7f9fc;border:1px solid var(--border);border-radius:10px;padding:20px}.guide-nav summary{font-weight:700;color:var(--brand)}.guide-nav nav{margin-top:15px;max-height:70vh;overflow:auto}.guide-nav a{display:flex;gap:10px;padding:7px 0;font-size:13px;line-height:1.5;color:#515b6a}.guide-nav a:hover{color:var(--brand)}.guide-nav a>span{color:#8d9db7;font-size:12px;min-width:17px}.g-article{min-width:0}.g-section{padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid var(--border);scroll-margin-top:25px}.g-section h2{font-size:26px;margin-bottom:18px}.g-section p,.g-section li{font-size:16px;line-height:1.8;color:#4d5663}.g-section a,.g-sources a{color:var(--brand);text-decoration:underline}.g-sectionHead{display:flex;gap:9px;align-items:center;margin-bottom:13px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--brand);font-weight:700}.g-num{background:#faf3f7;border-radius:5px;padding:3px 8px}.g-tableWrap{overflow:auto;border:1px solid var(--border);border-radius:8px;margin:20px 0}caption{text-align:left;white-space:normal;background:#faf3f7;padding:12px 18px;font-size:13px;color:var(--brand);font-weight:700}.g-table td,.g-table th{padding:13px 16px}.g-example{border:1px solid #cbd9ef;border-radius:10px;overflow:hidden;margin:22px 0}.g-exampleHead{background:#faf3f7;padding:16px 20px;font-weight:700}.g-steps{list-style:none;margin:0;padding:0 20px}.g-steps li{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);padding:12px 0}.g-stepValue{font-weight:700;white-space:nowrap}.g-exampleTotal{display:flex;justify-content:space-between;gap:20px;padding:17px 20px;background:#f7f9fc;color:var(--brand);font-size:20px;font-weight:700}.g-cards,.g-statGrid,.g-rateGrid,.g-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.g-card,.g-stat,.g-rateCard{padding:18px;background:var(--gray);border-radius:8px}.g-callout,.g-note{background:#faf3f7;border-left:3px solid var(--brand);padding:18px 20px;margin:20px 0}.g-section dl{margin:15px 0}.g-section dt{font-weight:700;font-size:14px;margin-top:9px}.g-section dd{margin:3px 0 12px;font-size:14px;color:var(--muted)}.g-section h3{font-size:18px;margin:22px 0 9px}.g-section ul,.g-section ol:not(.g-steps){padding-left:22px}.g-section li{margin-bottom:10px}.g-sources{padding-bottom:28px}.g-sources h2{font-size:23px}.g-sources p,.g-sources li{font-size:14px;line-height:1.7}.fullfaq .q-kicker,.q-relatedGo{color:var(--brand);font-size:13px}.q-faq{border-bottom:1px solid var(--border)}.q-faq summary{padding:20px 0;font-weight:700;cursor:pointer}.q-faqBody{max-width:850px;color:var(--muted);font-size:16px;line-height:1.8}.q-note{background:var(--gray);border-radius:9px;padding:20px;margin-top:25px}.q-note p{margin:8px 0 0}.relatedgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.q-relatedCard{display:flex;flex-direction:column;border:1px solid var(--border);padding:23px;border-radius:10px;gap:13px}.q-relatedCard strong{font-size:18px}.q-relatedCard p{font-size:14px;color:var(--muted);margin:0}.q-relatedGo{margin-top:auto;font-weight:700}.q-relatedIcon:empty{display:none}.guide-layout table{font-size:14px}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.guide-layout{grid-template-columns:200px minmax(0,1fr);gap:30px}.facts{grid-template-columns:1fr 1fr}.facts b{font-size:22px}.calculator{padding:28px}.calcgrid{gap:25px}.result{padding:24px 19px}.result .circle{width:205px;height:205px}.relatedgrid{grid-template-columns:1fr 1fr}.g-cards{grid-template-columns:1fr}}@media(max-width:650px){.calcgrid,.resultgrid,.guide-layout{grid-template-columns:1fr}.result{position:static}.calculator{padding:24px 18px}.result .circle{width:225px;height:225px}.facts{gap:10px}.facts>div{padding:16px 13px}.facts b{font-size:20px}.resultcard{padding:22px 18px}.guide-nav{position:static}.guide-nav nav{max-height:240px}.guide-layout{gap:30px}.guideintro{padding:26px 21px}.guideintro h2{font-size:26px}.g-section h2{font-size:24px}.g-steps li{font-size:14px;flex-wrap:wrap}.g-exampleTotal{font-size:19px}.g-cards,.g-statGrid,.g-rateGrid,.g-metrics{grid-template-columns:1fr}.relatedgrid{grid-template-columns:1fr}.chartlegend{gap:10px}.rate-row{font-size:13px}.g-table td,.g-table th{padding:12px}.sectionnav{gap:24px}.calchead h2{font-size:22px}}
.g-bars{display:grid;gap:16px;margin:24px 0}.g-barRow{display:grid;grid-template-columns:70px 1fr 125px;gap:12px;align-items:center;font-size:14px}.g-barTrack{height:13px;border-radius:5px;background:#edf1f7;overflow:hidden}.g-barFill{height:100%;background:var(--brand)!important;border-radius:5px}.g-barValue{font-weight:700;text-align:right}.g-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.g-compareCol{border:1px solid var(--border);background:#f7f9fc;border-radius:8px;padding:18px}.g-compareHead{font-weight:700;color:var(--brand);font-size:17px}.g-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.g-statValue{display:block;font-size:28px;font-weight:700;color:var(--brand);margin-bottom:7px}.g-statLabel{display:block;color:var(--muted);font-size:14px;line-height:1.6}.g-timeline{list-style:none;padding:0!important}.g-timeline li{padding:16px 20px;border-left:3px solid #c79a4b;background:#f7f9fc;border-radius:0 8px 8px 0}.g-when{display:block;font-size:13px;color:var(--brand);font-weight:700}.g-what{display:block;font-weight:700;margin:4px 0}.g-stepNote{font-size:12px;display:block;color:var(--muted)}.g-calloutTitle{font-weight:700;display:block;margin-bottom:9px}.g-swatch{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}@media(max-width:750px){.g-compare{grid-template-columns:1fr}.g-barRow{grid-template-columns:55px 1fr 100px;font-size:12px}}@media(max-width:420px){.g-stats{grid-template-columns:1fr}}