:root{--ink:#183347;--muted:#607483;--blue:#0879ce;--teal:#00b894;--line:#dce8ef;--soft:#f4f9fc;--gradient:linear-gradient(135deg,#00b894,#0984e3)}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}a{color:#086db3;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #0984e3;outline-offset:3px}header{background:var(--gradient);color:white}nav{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}.brand{font-size:32px;font-weight:800;letter-spacing:1px;text-decoration:none;color:#fff}.navlinks{display:flex;gap:24px}.navlinks a{color:white;font-size:14px;text-decoration:none}.hero{max-width:1120px;margin:auto;padding:8px 24px 34px}.hero h1{font-size:clamp(26px,3.3vw,40px);line-height:1.2;margin:0 0 12px;max-width:880px;letter-spacing:-1px}.hero p{margin:0;max-width:730px;color:#fff;font-size:16px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:750;text-transform:uppercase}.hero .eyebrow{display:block;margin:0 0 8px;opacity:.95}main{max-width:1120px;margin:auto;padding:30px 24px 12px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-head h2{font-size:25px;line-height:1.25;margin:0;letter-spacing:-.6px}.pill{display:inline-flex;border:1px solid #d9eaf5;color:#296284;background:#f0f8fd;border-radius:30px;padding:4px 11px;font-size:12px;white-space:nowrap}.calculator{border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 35px #18334708;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.form-side{padding:26px;background:#fff}.form-side h2,.result-side h2{font-size:20px;margin:0 0 16px}label{font-size:13px;font-weight:600;display:block;margin-bottom:7px}.field{margin-bottom:16px}input:not([type=checkbox]),select{width:100%;height:46px;border:1px solid #c2d4e0;border-radius:8px;background:white;color:var(--ink);padding:9px 12px;min-width:0}#amount{font-size:24px;font-weight:650;height:58px;letter-spacing:-.4px}.money-input{position:relative}.money-input input{padding-right:42px!important}.money-input span{position:absolute;right:16px;top:13px;font-size:22px;color:var(--muted)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.helper{color:var(--muted);font-size:12px;margin:7px 0 0}.rate-note{font-size:12px;color:#466575;min-height:20px;margin-top:7px}.advanced{border-top:1px solid var(--line);padding-top:12px;margin:20px 0}.advanced summary{font-size:14px;cursor:pointer;font-weight:650;color:#086db3;margin-bottom:14px}.check{display:flex;align-items:flex-start;gap:9px;font-weight:400;line-height:1.45;margin:14px 0}.check input{margin:3px 0 0;width:17px;height:17px;accent-color:var(--blue);flex:none}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:9px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer;min-height:46px}.button:hover{background:#0566ad}.button.secondary{color:#086db3;background:#fff;border-color:#b9d4e6}.form-side>.button{width:100%}.scope{font-size:12px;color:var(--muted);margin:12px 0 0}.result-side{background:var(--soft);border-left:1px solid var(--line);padding:26px;min-width:0}.result-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.result-top h2{margin:0}.net-result{padding:20px;background:var(--gradient);border-radius:12px;color:white;margin-bottom:14px}.net-result span{font-size:13px}.net-result strong{display:block;font-size:38px;line-height:1.3;letter-spacing:-1px}.gross-results{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gross-results>div{padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:10px}.gross-results span{display:block;color:var(--muted);font-size:12px}.gross-results strong{font-size:21px;letter-spacing:-.4px}.gross-results small{display:block;font-size:11px;color:var(--muted)}.distribution{margin:24px 0 18px}.distribution figcaption{font-size:13px;font-weight:600;margin-bottom:9px}.stack{display:flex;height:17px;border-radius:20px;overflow:hidden;background:#d5e1eb}.stack span{min-width:0}.seg-net{background:#0984e3}.seg-pension{background:#00a8aa}.seg-tax{background:#f1b75d}.seg-health{background:#a4bfd2}.legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:12px;font-size:11px;color:#496475}.legend span:before{content:'';display:inline-block;height:8px;width:8px;border-radius:2px;margin-right:5px;background:var(--color)}.legend strong{white-space:nowrap}.dues{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d1e1eb;padding-top:12px;font-size:13px}.dues strong{white-space:nowrap;font-size:17px}.median-compare{font-size:12px;color:#466575;margin-top:15px}.breakdown{margin-top:18px}.breakdown summary{cursor:pointer;font-size:13px;font-weight:650;color:#086db3}.breakdown table{border-collapse:collapse;width:100%;font-size:12px;margin-top:12px}.breakdown td{padding:7px 0;border-bottom:1px solid #dce7ed;vertical-align:top}.breakdown td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:8px}.breakdown .total td{font-weight:700;border-top:2px solid #bed5e5}.error{border-left:3px solid #b64d36;color:#8a3428;background:#fff6f3;padding:16px;font-size:14px}.rounding{font-size:12px;margin:12px 0;color:#466575}.under-calculator{display:flex;justify-content:center;margin:20px 0 30px}.stats-block{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;border:1px solid var(--line);border-radius:16px;padding:25px;margin:24px 0 30px}.stats-block h2{font-size:22px;line-height:1.3;margin:9px 0}.stats-values{display:flex;gap:35px;align-items:flex-start}.stats-values span{display:block;color:var(--muted);font-size:13px}.stats-values strong{font-size:29px;color:var(--blue)}.stats-values .average strong{color:var(--ink);font-size:26px}.stats-block p{font-size:13px;color:var(--muted);margin:8px 0}.stats-block .stats-explainer{border-left:1px solid var(--line);padding-left:25px;align-self:center}.stats-block .stats-explainer strong{color:var(--ink)}.source{font-size:11px!important;color:var(--muted)}.coming{background:var(--gradient);color:#fff;text-align:center;padding:32px 18px;border-radius:16px;margin:32px 0 24px}.coming h2{font-size:clamp(18px,2.4vw,27px);letter-spacing:.5px;margin:0 0 4px}.coming p{margin:0;font-size:13px;letter-spacing:4px}.disclaimer{font-size:12px;line-height:1.65;color:#657580;border-top:1px solid #e7edf1;padding-top:18px;max-width:950px;margin:24px auto}.disclaimer h2{font-size:12px;margin:0 0 5px;font-weight:650}.disclaimer p{margin:5px 0}footer{text-align:center;color:#657580;font-size:12px;padding:10px 20px 0}.content{max-width:850px;margin:34px auto}.content h2{font-size:25px;line-height:1.3;margin:30px 0 12px;letter-spacing:-.5px}.content h3{font-size:18px}.content p,.content li{font-size:15px;color:#49616f}.definitions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.definitions article{padding:20px;border:1px solid var(--line);border-radius:12px}.definitions h2{font-size:18px;margin:0 0 8px}.definitions p{font-size:13px;color:var(--muted);margin:0}.history{width:100%;border-collapse:collapse;font-size:14px}.history td,.history th{text-align:left;border-bottom:1px solid var(--line);padding:12px}.history td:last-child{text-align:right}.history-chart{padding:20px;border:1px solid var(--line);border-radius:14px;margin-top:18px}.history-row{display:grid;grid-template-columns:110px 1fr 75px;gap:15px;align-items:center;margin:16px 0;font-size:13px}.history-bar{height:14px;border-radius:12px;background:var(--gradient)}.stat-hero{padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.stat-hero .median-number{display:block;font-size:56px;line-height:1.25;color:var(--blue);font-weight:750;letter-spacing:-2px;margin:15px 0}.stat-hero .stats-values{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.breadcrumbs{font-size:12px;margin-bottom:16px}.source-links{font-size:12px;color:var(--muted)}[hidden]{display:none!important}noscript p{padding:15px;background:#fff4da}
@media(max-width:760px){nav{padding:16px 18px;gap:12px}.brand{font-size:28px}.navlinks{gap:14px}.navlinks a{font-size:12px}.hero{padding:7px 18px 25px}.hero p{font-size:14px}main{padding:22px 16px 10px}.calculator{grid-template-columns:1fr;border-radius:14px}.form-side,.result-side{padding:20px}.result-side{border-left:0;border-top:1px solid var(--line)}.section-head h2{font-size:21px}.section-head .pill{font-size:10px}.stats-block{grid-template-columns:1fr;padding:20px;gap:14px}.stats-block .stats-explainer{border:0;border-top:1px solid var(--line);padding:14px 0 0}.definitions{grid-template-columns:1fr;gap:10px}.definitions article{padding:16px}.coming{margin-top:24px}.net-result strong{font-size:35px}.history-row{grid-template-columns:95px 1fr 68px;gap:8px}.content{margin:26px 0}.stat-hero{padding:20px}.stat-hero .median-number{font-size:45px}}
@media(prefers-reduced-motion:no-preference){button,.button{transition:background .15s}}

@media(max-width:480px){nav{flex-wrap:wrap;gap:10px}.brand{font-size:26px}.navlinks{gap:14px;flex-wrap:wrap}}
