:root{--ink:#172a29;--muted:#60716e;--teal:#087c72;--teal-dark:#075d56;--mint:#e9f6f3;--gold:#c2a34c;--line:#dce7e3;--surface:#f4f7f6;--danger:#a92d32;--radius:18px;font-family:Lato,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--surface);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;line-height:1.55}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:var(--teal-dark);text-underline-offset:3px}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b89230;outline-offset:4px}input:focus-visible{outline-offset:1px}button:disabled{opacity:.6}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h2{font-size:27px;letter-spacing:-.7px}.container{max-width:1152px;width:calc(100% - 64px);margin-inline:auto}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:8px;left:16px;transform:translateY(-200%);padding:10px;background:white;z-index:5}.skip-link:focus{transform:translateY(0)}
.header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:91px;display:flex;align-items:center;gap:32px;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);white-space:nowrap}.brand-icon{height:48px;width:48px;border-radius:13px;background:linear-gradient(135deg,#008d81,#15b6a1);color:white;display:grid;place-items:center;box-shadow:0 5px 15px #008d8125}.brand-icon svg{width:32px;height:32px}.brand strong{font-size:19px;display:block;letter-spacing:-.5px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#896a12;font-weight:600;margin-top:2px}.header nav{display:flex;gap:27px}.header nav a{text-decoration:none;font-size:14px;font-weight:600}.header nav a:first-child{color:var(--teal);border-bottom:2px solid var(--teal);padding-bottom:5px}.preview-badge{font-size:11px;font-weight:600;border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:6px 12px;white-space:nowrap}
.hero{background:linear-gradient(115deg,#162b29 0%,#165b53 58%,#049f90 100%);color:#fff;overflow:hidden}.hero-inner{display:flex;align-items:center;justify-content:space-between;min-height:295px;padding-block:44px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;color:#e4cf91;display:block;margin-bottom:16px}h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.6px;font-weight:700}.hero p{font-size:15px;color:#e0eeea;margin-top:17px;line-height:1.65}.hero-mark{height:147px;width:147px;margin-right:40px;opacity:.8;color:#a7e6d8;border:1px solid #a7e6d82c;border-radius:50%;padding:12px;transform:rotate(-3deg)}
.workspace{padding-block:42px 30px}.toolbar{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.toolbar h2{font-size:24px}.toolbar p{font-size:13px;color:var(--muted);margin-top:5px}.example-control label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.example-control select{width:265px;max-width:100%;padding:10px 12px;border:1px solid #cbdad4;border-radius:8px;font-size:13px;background:white;color:var(--ink)}.calculator-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:28px;align-items:start}form{min-width:0}.panel{margin:0 0 18px;min-width:0;padding:24px 27px;background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 16px #16362f03}.panel legend{float:left;width:100%;padding:0;margin-bottom:20px;font-size:16px;font-weight:700;display:flex;align-items:center;gap:12px}.panel legend+*{clear:both}.step{border:1px solid #c7e5dc;background:var(--mint);color:var(--teal-dark);border-radius:8px;font-size:11px;font-weight:700;display:inline-grid;place-items:center;width:32px;height:32px;flex-shrink:0}.field{min-width:0}.field label{display:block;font-size:14px;font-weight:600}.required{float:right;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}.hint,.section-hint{font-size:12px;color:var(--muted);line-height:1.5;margin-top:4px;margin-bottom:11px}.section-hint{margin-top:0;margin-bottom:18px}.money-input{position:relative}.money-input input{width:100%;border:1px solid #c4d6ce;border-radius:9px;background:#fcfdfc;color:var(--ink);padding:12px 45px 12px 15px;font-size:21px;line-height:1.25;font-weight:500;font-variant-numeric:tabular-nums;min-height:53px;transition:border-color .15s,box-shadow .15s}.money-input input:hover{border-color:#80b5a4}.money-input input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087c7214;background:white}.money-input input[aria-invalid=true]{border-color:var(--danger);background:#fff9f9}.money-input>span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--muted)}.error{font-size:12px;color:var(--danger);line-height:1.4}.error:not(:empty){margin-top:7px}.extra{border-top:1px solid #e7eeeb;margin-top:20px;padding-top:14px}.extra summary,.result-details summary{color:var(--teal-dark);font-size:12px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px}.extra summary::-webkit-details-marker,.result-details summary::-webkit-details-marker{display:none}.extra summary::after,.result-details summary::after{content:"+";font-weight:400;font-size:20px;line-height:1}.extra[open]>summary::after,.result-details[open]>summary::after{content:"−"}.extra[open]>summary{margin-bottom:15px}.extra-grid,.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.extra-grid .money-input input,.category-grid .money-input input{font-size:16px;padding-left:10px;padding-right:31px}.extra-grid .money-input>span,.category-grid .money-input>span{right:10px;font-size:11px}.toggle{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:12px;color:var(--teal-dark);font-weight:600;cursor:pointer}.toggle input{accent-color:var(--teal);width:17px;height:17px;margin:0;flex-shrink:0}.category-grid{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.category-grid label{font-size:12px;min-height:36px}.category-grid .hint{font-size:11px;min-height:34px}.total-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:var(--mint);border-radius:9px;margin-top:18px;font-size:12px}.total-line output{font-weight:700;text-align:right}.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{border-radius:9px;min-height:46px;padding:12px 19px;font-size:13px;font-weight:600;border:1px solid transparent;transition:background .15s,transform .15s}.button.primary{color:white;background:var(--teal);display:flex;align-items:center;justify-content:center;gap:26px}.button.primary:hover{background:var(--teal-dark)}.button.secondary{color:var(--muted);background:transparent;border-color:#cbdad4}.button.secondary:hover{background:white}.format-hint{font-size:11px;color:var(--muted);margin:12px 0 0;line-height:1.5}
.result-column{position:sticky;top:24px;min-width:0;scroll-margin-top:18px}.result-column:focus{outline:none}.result-panel{padding:28px;background:white;border:1px solid #cbded5;border-radius:var(--radius);box-shadow:0 10px 30px #173e3009;overflow:hidden}.result-top{display:flex;align-items:center;gap:9px;padding-bottom:23px;border-bottom:1px solid var(--line)}.result-dot{background:#139a7e;width:7px;height:7px;border-radius:50%}.result-top h2{font-size:16px;letter-spacing:0}.result-top>span:last-child{margin-left:auto;font-size:10px;color:var(--muted);background:var(--surface);padding:4px 8px;border-radius:5px}.tax-block{padding-top:25px}.tax-block>span,.saving-block>span{font-size:12px;color:var(--muted)}.tax-block output{display:block;font-size:38px;line-height:1.15;letter-spacing:-1.4px;font-weight:700;margin-top:8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tax-block output.long{font-size:25px;letter-spacing:-.8px}.tax-block p{color:var(--muted);font-size:11px;line-height:1.5;margin-top:8px;max-width:270px}.saving-block{background:var(--mint);border:1px solid #d4eae2;border-radius:10px;padding:16px 17px;margin-top:23px}.saving-block output{display:block;font-size:26px;font-weight:700;letter-spacing:-.7px;color:var(--teal-dark);margin-top:2px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.saving-block output.long{font-size:22px}.comparison{display:flex;justify-content:space-between;gap:8px;margin-top:18px;font-size:12px;color:var(--muted)}.comparison output{font-weight:600;color:var(--ink);text-align:right}.coverage{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.coverage>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin-bottom:10px}.coverage output{color:var(--teal-dark);font-weight:700}.progress-track{height:6px;border-radius:20px;background:#e7efeb;overflow:hidden}.progress-track>div{height:100%;background:linear-gradient(90deg,#118878,#4ab69a);width:0;transition:width .2s;border-radius:20px}.result-note{margin-top:13px;font-size:11px;line-height:1.5;color:var(--muted)}.result-details{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.result-details dl{margin:14px 0 0}.result-details dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf2ef;font-size:11px;align-items:start}.result-details dt{color:var(--muted);max-width:60%}.result-details dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}.result-scope{font-size:11px;color:var(--muted);line-height:1.6;margin:13px 13px 0}.result-scope a{white-space:nowrap}.result-panel.invalid .result-dot{background:#c83e47}.result-panel.invalid .tax-block output{color:var(--muted)}
.explanation{padding-block:56px 54px;border-bottom:1px solid var(--line)}.eyebrow.dark{color:var(--teal);margin-bottom:12px}.explanation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:27px}.explain-number{font-size:12px;font-weight:700;border-radius:50%;background:#e2eee7;color:var(--teal-dark);width:26px;height:26px;display:grid;place-items:center;margin-bottom:15px}.explanation h3{font-size:15px;margin-bottom:10px}.explanation p{font-size:12px;color:var(--muted);line-height:1.65}.assumptions{padding-block:50px 56px;display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.assumptions h2{font-size:25px}.assumptions>div>p{font-size:13px;color:var(--muted);margin-top:16px;max-width:330px}.assumptions-list details{border-bottom:1px solid var(--line);padding:15px 0}.assumptions-list details:first-child{padding-top:0}.assumptions-list summary{font-size:13px;font-weight:600}.assumptions-list details p{font-size:12px;color:var(--muted);line-height:1.65;margin-top:12px}.source-links{font-size:11px!important;max-width:none!important;line-height:1.65}footer{background:#e9efec;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;gap:20px;padding-block:25px;font-size:10px;color:var(--muted)}.footer-separator{margin-inline:10px;color:#acbbb4}.mobile-result{display:none}
@media(min-width:1450px){.container{max-width:1152px}}
@media(max-width:1050px){.header nav{gap:15px}.preview-badge{display:none}.container{width:calc(100% - 48px)}.calculator-grid{gap:20px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.panel{padding:22px}.result-panel{padding:22px}.tax-block output{font-size:32px}.hero-mark{margin-right:0}.extra-grid,.category-grid{grid-template-columns:1fr}.category-grid label,.category-grid .hint{min-height:0}.assumptions{gap:35px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.header-inner{min-height:77px;gap:15px}.brand-icon{width:40px;height:40px;border-radius:11px}.brand-icon svg{width:28px;height:28px}.brand strong{font-size:16px}.brand small{font-size:8px;letter-spacing:.9px}.header nav{display:none}.hero-inner{min-height:258px;padding-block:32px}.hero-mark{height:84px;width:84px;min-width:84px;margin-left:16px;padding:4px}.hero h1{font-size:34px;letter-spacing:-1px}.hero p{font-size:13px;max-width:370px}.desktop-break{display:none}.eyebrow{font-size:8px;letter-spacing:1.4px}.workspace{padding-top:27px}.toolbar{display:block;margin-bottom:20px}.toolbar h2{font-size:22px}.toolbar p{font-size:12px}.example-control{margin-top:18px}.example-control select{width:100%;font-size:13px;min-height:43px}.calculator-grid{display:flex;flex-direction:column;gap:24px}.calculator-grid form,.result-column{width:100%;position:static}.panel{padding:20px;margin-bottom:14px;border-radius:14px}.panel legend{font-size:15px;margin-bottom:16px;gap:10px}.money-input input{font-size:22px}.extra-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid label{min-height:36px}.category-grid .hint{min-height:34px}.result-panel{padding:24px}.tax-block output{font-size:36px}.tax-block p{max-width:none}.saving-block output{font-size:29px}.result-scope{margin-inline:3px}.explanation{padding-block:28px 34px}.explanation h2,.assumptions h2{font-size:23px}.explanation-grid{grid-template-columns:1fr;gap:22px;margin-top:23px}.explanation article{position:relative;padding-left:41px}.explain-number{position:absolute;left:0;top:0}.explanation h3{margin-bottom:7px}.assumptions{padding-block:34px 36px;grid-template-columns:1fr;gap:26px}.assumptions h2 br{display:none}.assumptions>div>p{max-width:none}.footer-inner{flex-direction:column;gap:8px;padding-block:21px}.mobile-result{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:4;justify-content:space-between;align-items:center;padding:10px 18px max(10px,env(safe-area-inset-bottom));min-height:64px;background:#fff;border-top:1px solid #cbded5;box-shadow:0 -3px 16px #173e300a}.mobile-result small{display:block;font-size:9px;color:var(--muted)}.mobile-result output{display:block;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.mobile-result a{font-size:12px;font-weight:600;white-space:nowrap;margin-left:10px}body{padding-bottom:75px}}
@media(max-width:430px){.hero-mark{display:none}.hero-inner{min-height:239px}.hero h1{font-size:32px}.brand{gap:10px}.extra-grid,.category-grid{grid-template-columns:1fr}.category-grid label,.category-grid .hint{min-height:0}.form-actions{display:grid;grid-template-columns:1fr;width:100%}.button.primary{justify-content:space-between}.result-panel{padding:21px}.panel{padding:19px}.tax-block output{font-size:33px}.money-input input{font-size:21px}.mobile-result output{font-size:16px}.mobile-result output.long{font-size:12px}.result-details dt{max-width:53%}}
.money-input input.compact{font-size:16px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{.header,.hero,.toolbar,.form-actions,.format-hint,.mobile-result,footer,.explanation,.assumptions{display:none!important}.container{width:100%;max-width:none}.calculator-grid{display:block}.result-column{position:static}.panel{break-inside:avoid}.result-panel{box-shadow:none}.workspace{padding:0}body{background:white;padding:0}.result-details{display:block}.result-details dl{display:block}}

@media(max-width:320px){.saving-block output{font-size:24px}}

/* Match the existing site blue palette. Numerical logic is unchanged. */
.result-dot{background:#2168a0}.saving-block{background:#edf4fa;border-color:#d7e4ee}.step{border-color:#c3d6e6}.progress-track{background:#e2ebf3}.progress-track>div{background:linear-gradient(90deg,#2168a0,#5a94c0)}.money-input input{border-color:#b8cddd;background:#fcfdff}.money-input input:hover{border-color:#7ba7c9}.money-input input:focus{box-shadow:0 0 0 3px #2168a014}.toggle input{accent-color:#2168a0}.explain-number{background:#e2edf6}.result-column{position:static}.panel{box-shadow:none}.result-panel{box-shadow:0 8px 28px #173c5f08}.result-top>span:last-child{background:#edf4fa}.total-line{background:#edf4fa}.result-scope a{white-space:normal}.result-details{font-size:12px}@media(max-width:320px){.saving-block output{font-size:24px}}