:root{--navy:#1F3A5F;--blue:#4A90E2;--strong:#0874ff;--pale:#EFF6FE;--line:#dce9f7;--ink:#091b3e;--muted:#64799a;--green:#2FA36B;--warning:#986514}*{box-sizing:border-box}body{margin:0;color:var(--navy);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;background:#f5f9ff}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #68aaff;outline-offset:3px}button{cursor:pointer}header{background:white;border-bottom:1px solid var(--line)}.head{max-width:1240px;margin:auto;min-height:80px;display:flex;gap:65px;align-items:center;padding:0 24px}.brand{font-size:25px;font-weight:900;letter-spacing:-1.2px;color:#071632;white-space:nowrap}.brand b{color:#123e83}nav{display:flex;align-self:stretch;gap:32px;align-items:center;font-size:15px}nav a{height:100%;display:flex;align-items:center;position:relative}nav a.active{color:var(--strong);font-weight:800}nav a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--strong);border-radius:6px 6px 0 0}.tagline{margin-left:auto;text-align:right;color:var(--muted);font-size:12px}.menu{display:none;background:none;border:0;color:var(--navy);font-size:26px}.wrap{max-width:1240px;padding:0 24px;margin:auto}.hero{min-height:260px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-copy{z-index:1;padding:30px 0;max-width:780px}.badge{display:inline-block;background:#e1efff;color:#0664db;border-left:4px solid #bddaff;border-radius:30px;padding:5px 14px;font-size:14px;font-weight:650}.hero h1{font-size:42px;line-height:1.3;letter-spacing:-1.9px;margin:20px 0 10px;color:#08152f;font-weight:850}.hero h1 em{font-style:normal;color:var(--strong)}.hero p{font-size:21px;line-height:1.5;margin:0}.hero-art{position:absolute;width:400px;height:215px;right:-8px;bottom:0;background-repeat:no-repeat;background-size:1448px 1086px;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 15%);opacity:.96}.hero-art.salary{background-image:url('/assets/salary-reference.png');background-position:-620px -103px}.hero-art.loan{background-image:url('/assets/loan-reference.png');background-position:-615px -90px}.hero-art.tax{background-image:url('/assets/tax-reference.png');background-position:-620px -120px}.home-hero .hero-art{height:300px;background-image:url('/assets/home-reference.png');background-position:-625px -125px}.home-hero{min-height:345px}.home-hero .hero-copy{max-width:780px}.home-hero h1{font-size:44px}.search{margin-top:25px;max-width:580px;display:flex;gap:10px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:12px 18px;box-shadow:0 4px 12px #336ac008}.search input{border:0;outline:0;width:100%;background:transparent}.quick{display:flex;gap:12px;font-size:13px;color:var(--muted);margin-top:10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tool-card{background:white;border:1px solid var(--line);border-radius:12px;text-align:center;padding:24px 26px;display:flex;flex-direction:column;align-items:center}.tool-card h2{font-size:22px;color:var(--ink);margin:10px 0}.tool-card p{color:var(--muted);font-size:15px;margin:0 0 20px}.tool-card .primary{width:100%;margin-top:auto}.icon{height:60px;width:60px;background:linear-gradient(140deg,#42b986,#229266);border-radius:50%;display:grid;place-items:center;color:white;font-size:29px;flex-shrink:0}.icon.blue{background:linear-gradient(140deg,#61b0ff,#1270ee)}.icon.purple{background:linear-gradient(140deg,#ad8aff,#753fee)}.primary{background:linear-gradient(110deg,#318bf5,#1f80f8);border:1px solid #2885f8;border-radius:7px;color:white;font-weight:700;padding:12px 20px;display:block;text-align:center;box-shadow:inset 0 0 0 1px #ffffff15}.primary:hover{background:#116be0}.trust{background:white;margin-top:28px;padding:38px 0}.section-title{text-align:center;color:var(--ink);font-size:26px;margin:6px 0}.eyebrow{text-align:center;color:var(--muted);font-size:12px;letter-spacing:1px}.sub{text-align:center;color:var(--muted);margin-top:5px}.small-card{padding:20px;border:1px solid var(--line);border-radius:10px;display:flex;gap:16px;background:white}.small-card h3{font-size:17px;color:var(--ink);margin:0 0 5px}.small-card p{font-size:14px;color:var(--muted);margin:0}.small-card .symbol{width:46px;height:46px;background:#eaf4ff;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:var(--strong);font-size:23px}.guide-banner{margin:22px 0 0;padding:24px 32px;background:linear-gradient(100deg,#edf6ff,#e4f0ff);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:15px}.guide-banner h3{margin:0;color:var(--ink);font-size:21px}.outline{border:1px solid #83b5fa;background:white;padding:8px 16px;border-radius:6px;color:var(--strong)}.calculator-grid{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:20px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.panel h2{font-size:21px;line-height:1.35;color:var(--ink);margin:0 0 5px}.hint{font-size:13px;color:var(--muted);margin:0 0 14px}.field{margin:18px 0}.field>label,.field>.label{font-size:15px;display:block;font-weight:650;margin-bottom:7px}.inline-field{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:center;margin:17px 0}.inline-field>label{font-size:15px;font-weight:550}.input-box{border:1px solid #d3e2f5;border-radius:7px;display:flex;align-items:center;min-width:0;background:white;box-shadow:0 1px 3px #3766a108}.input-box input{width:100%;min-width:0;border:0;background:transparent;padding:9px 12px;color:var(--ink)}.input-box span{white-space:nowrap;padding-right:12px;color:var(--muted);font-size:14px}.select{width:100%;padding:9px 10px;border:1px solid #d3e2f5;border-radius:7px;background:white;color:var(--navy)}.segments{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#f9fbff}.segments label{flex:1;position:relative;text-align:center;cursor:pointer;min-width:0}.segments input{position:absolute;opacity:0}.segments span{display:block;border-radius:6px;padding:8px 4px;font-size:14px}.segments input:checked+span{background:var(--strong);color:white}.segments input:focus-visible+span{outline:3px solid #69aaff}.presets{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0}.presets button{background:#f0f7ff;border:1px solid #e1eeff;border-radius:6px;color:#496894;font-size:12px;padding:5px 10px}.form-submit{margin-top:25px;width:100%;font-size:18px}.info{padding:16px;background:#eff7ff;border-radius:8px;font-size:14px}.info strong{color:var(--strong)}.result-main{padding:25px 20px;text-align:center;background:linear-gradient(115deg,#f0f9ff,#e9f4ff);border-radius:10px;margin:18px 0 12px}.result-main h3{margin:0;color:var(--ink);font-size:18px}.result-number{font-size:42px;line-height:1.4;color:#0672ff;font-weight:850;letter-spacing:-1px;overflow-wrap:anywhere}.result-main p{font-size:13px;color:var(--muted);margin:4px 0 0}.result-main.pending .result-number{font-size:27px;color:var(--navy);margin:10px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.metric{padding:13px;border:1px solid var(--line);border-radius:8px;font-size:13px}.metric strong{display:block;font-size:16px;color:var(--ink);overflow-wrap:anywhere}.two{grid-template-columns:repeat(2,1fr)}.breakdown{border:1px solid var(--line);border-radius:10px;padding:16px;margin-top:12px}.breakdown h3{font-size:17px;margin:0 0 9px;color:var(--ink)}.rows{margin:0}.rows div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #eaf0f8;padding:5px 0;font-size:14px}.rows dt{color:var(--muted)}.rows dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.rows .total{font-weight:750;color:var(--strong);background:#eaf5ff;border:0;padding:8px;margin-top:8px;border-radius:5px}.bar{display:flex;min-height:28px;border-radius:8px;overflow:hidden;margin:10px 0}.bar span{background:#318afb;color:white;text-align:center;font-size:12px;min-width:0}.bar span:last-child{background:#8756f4}.legend{font-size:13px;color:var(--muted)}.table-wrap{overflow-x:auto;margin-top:12px}table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}th,td{padding:7px 5px;border:1px solid var(--line);text-align:right;white-space:nowrap}th{background:#edf5ff;font-weight:650}td:first-child,th:first-child{text-align:center}.table-toggle{width:100%;margin-top:10px}.notice{padding:13px 15px;border-radius:7px;background:#fff8e9;color:#805b1b;font-size:14px;margin-top:12px}.error{color:#b52731;background:#fff1f2;border:1px solid #ffc7cd;padding:12px;border-radius:7px;margin-top:14px}.error:empty{display:none}.steps{counter-reset:step}.step{position:relative;margin:20px 0;padding-left:37px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#0874ff;background:#e0eeff;font-weight:750}.step>label,.step>.label{font-size:15px;font-weight:650;display:block;margin-bottom:8px}.radio-line{display:flex;gap:13px;flex-wrap:wrap;font-size:14px}.radio-line label{display:flex;gap:4px;align-items:center}.radio-line input{accent-color:var(--strong)}.region-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.more-links{margin:20px 0}.details{margin:20px 0 32px}.details h2{color:var(--ink);font-size:24px;margin-top:0}.details p,.details li{font-size:15px}.details details{border-top:1px solid var(--line);padding:13px 0}.details summary{cursor:pointer;font-weight:650}.sources a{color:#146ccc;text-decoration:underline;text-underline-offset:3px}.status-list{list-style:none;padding:0}.status-list li{padding:14px 0;border-bottom:1px solid var(--line)}.status-list time{font-size:13px;color:var(--muted);display:block}footer{background:white;border-top:1px solid var(--line);padding:22px 0;font-size:12px;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center}.foot .brand{font-size:19px}.foot a{margin-left:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(max-width:1000px){.head{gap:30px}nav{gap:18px}.tagline{display:none}.hero-art{opacity:.38;right:-65px}.hero-copy{max-width:85%}.hero h1{font-size:35px}.inline-field{grid-template-columns:108px 1fr}.panel{padding:20px}.result-number{font-size:34px}}
@media(max-width:700px){.head{min-height:66px;justify-content:space-between;padding:0 20px}.brand{font-size:23px}.menu{display:block}nav{display:none;position:absolute;top:66px;left:0;right:0;background:white;z-index:10;border-bottom:1px solid var(--line);padding:15px 20px}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:10px}nav a.active:after{display:none}.wrap{padding:0 18px}.hero{min-height:0;overflow:visible}.hero-copy{max-width:none;width:100%;padding:24px 0 18px}.hero h1,.home-hero h1{font-size:28px;letter-spacing:-1.2px;margin:12px 0 7px}.hero p{font-size:16px}.hero-art{display:none}.badge{font-size:12px;padding:4px 10px}.home-hero{min-height:0}.home-hero h1{font-size:35px;max-width:300px}.search{margin-top:20px;padding:11px 14px}.quick{gap:8px;flex-wrap:wrap}.cards{grid-template-columns:1fr;gap:14px}.tool-card{padding:20px 16px;text-align:left;display:grid;grid-template-columns:55px 1fr;column-gap:15px}.tool-card .icon{grid-row:1 / 4;width:52px;height:52px;align-self:start}.tool-card h2{font-size:19px;margin:0 0 4px}.tool-card p{font-size:13px;margin:0 0 12px}.tool-card .primary{padding:7px 12px;font-size:14px}.trust{padding:24px 0}.section-title{font-size:23px}.small-card{padding:16px}.guide-banner{padding:20px;align-items:start;flex-direction:column}.guide-banner h3{font-size:18px}.calculator-grid{grid-template-columns:1fr;gap:15px}.panel{padding:18px 16px;border-radius:9px}.panel h2{font-size:19px}.inline-field{grid-template-columns:117px 1fr;gap:8px;margin:12px 0}.inline-field>label{font-size:14px}.input-box input{padding:8px 10px;font-size:15px}.input-box span{font-size:12px;padding-right:8px}.segments span{font-size:13px;padding:8px 3px}.field{margin:14px 0}.presets button{padding:4px 8px}.form-submit{margin-top:18px;font-size:16px}.result-main{padding:20px 12px;margin-top:14px}.result-number{font-size:33px}.metrics{gap:7px;grid-template-columns:1fr 1fr}.metric{padding:10px;font-size:12px}.metric strong{font-size:14px}.step{padding-left:34px}.step>label,.step>.label{font-size:14px}.more-links.cards{grid-template-columns:1fr}.details{margin-top:16px}.details h2{font-size:21px}.foot{align-items:start;flex-direction:column}.foot a{margin:0 15px 0 0}.rows div{font-size:13px}.result-main.pending .result-number{font-size:24px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s}html{scroll-behavior:smooth}}
.hero-art.salary{width:350px;height:128px;background-position:-660px -193px}
.check-note{display:block;margin:12px 0;font-size:14px;font-weight:400!important}.check-note input{accent-color:var(--strong)}#first-options,#birth-options,#temporary-options{background:#f7faff;padding:12px;border-radius:8px;margin-top:12px}#temporary-options>label,#birth-options>label,#first-options>label{font-size:14px}#temporary-options .select,#birth-options .select{margin:6px 0 12px}
.primary{background-color:#1f80f8}

@media(max-width:900px){.calculator-grid{grid-template-columns:1fr}.inline-field{min-width:0}.segments{flex-wrap:wrap}}

/* Approved October reference design: mint surfaces, green emphasis, illustrated headers. */
:root{--navy:#233b58;--ink:#09152f;--strong:#008768;--blue:#1388ed;--pale:#effcf7;--line:#dceeea;--muted:#607796;--green:#00996c}
body{background:radial-gradient(ellipse at 85% 6%,#dbf8ec 0,transparent 33%),linear-gradient(145deg,#f6fffc,#fafffe 55%,#effcf7);color:var(--navy)}
header{background:#ffffffed;border-color:#e6f4ef}.head{gap:38px;min-height:92px}.brand{display:flex;align-items:center;gap:3px;letter-spacing:-1.3px}.brand-symbol{width:57px;height:61px;object-fit:contain}.wordmark{font-size:29px;font-weight:900;line-height:1;color:#081820;letter-spacing:-1.5px}.wordmark b{color:#00a571}.wordmark small{display:block;font-size:12px;letter-spacing:-.5px;text-align:center;margin-top:4px;color:#083d32}nav{gap:12px;font-weight:650}nav a{height:auto;padding:10px 17px;border-radius:30px;white-space:nowrap}nav a.active{background:#e8faf3;color:#00765b}nav a.active:after{height:3px;left:25%;right:25%;bottom:0;border-radius:0}.tagline{font-family:'Apple Chancery',cursive;font-size:17px;font-style:italic;color:#007e58;line-height:1.5;transform:rotate(-5deg);font-weight:750}
.hero{min-height:240px;overflow:visible;isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;inset:0 calc((1240px - 100vw)/2);background:radial-gradient(ellipse at 78% 20%,#bff2df66,transparent 40%),linear-gradient(150deg,transparent 42%,#d7f7eb99 42%,#edfff755 69%,transparent 69%);pointer-events:none}.hero-copy{padding:25px 0;max-width:70%;z-index:1}.hero h1{font-size:42px;font-weight:850;margin:18px 0 8px}.hero p{font-size:20px}.badge{border:1px solid #9cdecc;border-left:2px solid #17b885;background:#f5fffbdb;color:#00765b;padding:6px 15px}.hero-art,.hero-art.salary,.home-hero .hero-art{width:440px;height:235px;right:-10px;bottom:0;background-size:contain;background-position:center bottom;mask-image:none;opacity:1}.hero-art.home{background-image:url('/assets/v14-home.png')}.hero-art.salary{background-image:url('/assets/v14-salary.png')}.hero-art.loan{background-image:url('/assets/v14-loan.png')}.hero-art.tax{background-image:url('/assets/v14-tax.png')}.hero-art.guide{background-image:url('/assets/v17-guide-f0c01a2a30a5.png')}.home-hero{min-height:435px}.home-hero .hero-art{width:510px;height:425px;right:-18px}.home-hero .hero-copy{max-width:68%}.home-hero h1{font-size:46px}.home-hero .search{max-width:610px;width:100%;border-radius:40px;padding:16px 22px;box-shadow:0 5px 20px #008b6b12;border-color:#bde3d7}.search>span:first-child{font-size:24px;color:#617894}.quick{gap:12px;align-items:center;font-size:14px;margin-top:20px;flex-wrap:wrap}.quick strong{color:#142c42}.quick span{padding:8px 15px;border-radius:25px;background:#ffffffb0;border:1px solid #dcece6;box-shadow:0 3px 12px #224c3210}
.cards{gap:20px}.tool-card{align-items:flex-start;text-align:left;border-radius:17px;padding:30px;position:relative;overflow:hidden;box-shadow:0 7px 24px #235c3a07;background:radial-gradient(ellipse at 105% 55%,#e9f8f1 0,transparent 65%),white;counter-increment:tool}.tool-card:after{content:'0' counter(tool);position:absolute;right:26px;top:28px;color:#119b77;font-size:14px}#tool-cards{counter-reset:tool}.icon{border-radius:18px;width:76px;height:76px;font-size:37px;box-shadow:0 5px 12px #08765420;background:linear-gradient(140deg,#36b496,#007650)}.icon.purple{background:linear-gradient(140deg,#d2a422,#966006)}.tool-card h2{margin:20px 0 10px;font-size:24px}.tool-card p{font-size:16px;line-height:1.65}.tool-card:nth-child(2){background:radial-gradient(ellipse at 105% 55%,#e8f4ff,transparent 65%),white}.tool-card:nth-child(3){background:radial-gradient(ellipse at 105% 55%,#faf5e4,transparent 65%),white}.tool-card:nth-child(2):after{color:#0878df}.tool-card:nth-child(3):after{color:#a8760a}.primary{background:linear-gradient(115deg,#0da985,#007452);border-color:#0e9c78;border-radius:9px;box-shadow:0 7px 18px #00886412;color:white}.primary:hover{background:#006c51}.tool-card:nth-child(2) .primary{background:linear-gradient(120deg,#289dfc,#0070df);border-color:#148ce9}.tool-card:nth-child(3) .primary{background:linear-gradient(120deg,#c19519,#986208);border-color:#b48512}
.trust{background:transparent;padding:42px 0 22px;margin-top:10px}.eyebrow{color:#079c70;font-size:14px}.section-title{font-size:32px;margin:12px 0}.section-title em{font-style:normal;color:#007a5b}.sub{font-size:17px;margin-bottom:28px}.small-card{border-radius:14px;box-shadow:0 5px 20px #1b76590a;padding:23px}.small-card .symbol{background:#e0f7ed;color:#00946b;width:55px;height:55px;font-size:28px}.small-card h3{font-size:18px}.guide-banner{background:linear-gradient(110deg,#e5f8ef,#daf8ed);border:1px solid #bcebdc;min-height:145px;padding:12px 30px;overflow:hidden}.guide-banner>img{object-fit:contain;align-self:end;margin-bottom:-15px}.guide-banner>div{flex:1}.guide-banner h3{font-size:26px;color:#063c31}.guide-banner .outline{background:linear-gradient(120deg,#079d77,#007456);color:white;padding:16px 30px;border:0;font-weight:700}.outline{border-color:#7eceb8;color:#008263}.panel{border-radius:14px;box-shadow:0 7px 22px #16896606}.panel h2{font-size:21px}.calculator-grid>.panel>h2{display:flex;align-items:center;gap:12px;margin-bottom:9px}.calculator-grid>.panel>h2:before{content:'▥';display:grid;place-items:center;background:#dff8ed;color:#00a175;border-radius:50%;width:39px;height:39px;font-size:23px;flex-shrink:0}.hint{font-size:14px}.calculator-grid>form>.hint:first-of-type{margin-left:50px}.calculator-grid{gap:18px}.input-box,.select{border-color:#d4e2ed}.segments{background:#f6fbfa}.segments input:checked+span{background:linear-gradient(115deg,#09a47e,#00805c);box-shadow:inset 0 0 0 1px #32b793}.presets button{background:#f1f8f9;border-color:#e2eff1;font-size:13px}.info{background:#eaf8f3}.result-main{background:radial-gradient(ellipse at 95% 90%,#cefae7 0,transparent 50%),linear-gradient(110deg,#edfaf5,#e5f9f1);padding:23px 20px}.result-number{color:#00865e;font-size:43px}.rows .total{background:#e7f8f1;color:#008061}.step:before{color:#008768;background:#d7f5e9}.bar span{background:#0ca88d}.bar span:last-child{background:#3894f5}th{background:#e3f6ef;color:#007c65}.notice{background:linear-gradient(120deg,#fff8e9,#fff8ec);border:1px solid #ffe0a1;color:#80531b}.breakdown{border-color:#dbe8ec}.details p,.details li{font-size:16px}.details h2{font-size:24px}.details h3{color:var(--ink)}.details{border-radius:15px}.more-links .small-card{padding:18px}.more-links .small-card h3{font-size:17px}.more-links .small-card p{font-size:14px}.foot .brand{margin-left:0}.foot .brand-symbol{width:43px;height:49px}.foot .wordmark{font-size:25px}footer{border-color:#e1f0ea;background:#ffffffdb;padding:25px 0;font-size:14px}.foot>span:before{content:'♙';display:inline-block;margin-right:12px;font-size:23px}.sources a{color:#0878e7}.sources{line-height:1.7}#first-options,#birth-options,#temporary-options{background:#f0faf5}
body[data-page=salary] .result-main:not(.pending){background-image:url('/assets/v14-wallet.png'),linear-gradient(110deg,#eafaf4,#e1f8ef);background-size:115px auto,cover;background-repeat:no-repeat;background-position:right 10px bottom,center;padding-right:115px}
body[data-page=guide] .hero{min-height:340px}body[data-page=guide] .hero-art{height:320px;width:445px}body[data-page=guide] .details{padding:32px 42px}body[data-page=guide] .details>h2,body[data-page=guide] .details>h3{padding-top:25px;border-top:1px solid var(--line);margin-top:25px;font-size:27px}body[data-page=guide] .details>h2:first-child{border:0;padding-top:0;margin-top:0}body[data-page=guide] .details{padding-left:115px;position:relative}body[data-page=guide] .details>h2:before,body[data-page=guide] .details>h3:before{content:'▤';position:absolute;left:32px;background:#e2f9ef;color:#008260;border-radius:50%;width:57px;height:57px;display:grid;place-items:center;font-size:28px}body[data-page=guide] .details>h2:nth-of-type(3):before{content:'✓'}body[data-page=guide] .details>h3:before{content:'↗'}
@media(max-width:1240px){.hero:before{inset:0 -24px}.head{gap:24px}nav a{padding:10px 12px}.tagline{font-size:14px}.hero h1{font-size:38px}.home-hero h1{font-size:40px}.home-hero .hero-copy{max-width:65%}.hero-art{width:39%!important}.home-hero .hero-art{width:45%!important}.tool-card{padding:25px}}
@media(max-width:1000px){.head{gap:18px}nav{gap:3px}.tagline{display:none}.hero-copy{max-width:68%}.hero h1{font-size:34px}.hero p{font-size:18px}.hero-art{opacity:.75}.home-hero .hero-copy{max-width:65%}.home-hero h1{font-size:36px}.home-hero{min-height:390px}.home-hero .hero-art{height:350px}.tool-card h2{font-size:20px}.tool-card{padding:20px}.tool-card p{font-size:14px}.quick{gap:7px}.quick strong{width:100%}.quick span{padding:6px 9px}.guide-banner h3{font-size:22px}}
@media(max-width:700px){.head{min-height:74px}.brand-symbol{width:42px;height:48px}.wordmark{font-size:25px}.wordmark small{font-size:10px}.menu{color:#00785c}nav{top:74px}nav a{border-radius:8px}.hero:before{inset:0 -18px}.hero-copy{max-width:none;padding:25px 0 20px}.hero h1,.home-hero h1{font-size:29px}.hero p{font-size:16px}.hero-art{display:none}.home-hero{display:block;min-height:0;padding-bottom:10px}.home-hero .hero-copy{max-width:none}.home-hero h1{max-width:none;font-size:34px}.home-hero .hero-art{display:block;position:relative;height:240px;width:100%!important;right:0;margin-top:-15px;opacity:1}.home-hero .search{padding:12px 17px}.quick{margin-top:14px;font-size:13px}.quick strong{width:auto}.quick span{padding:6px 9px}.tool-card{display:grid;grid-template-columns:55px 1fr;padding:23px 19px;border-radius:14px}.tool-card:after{top:12px;right:15px;font-size:12px}.tool-card .icon{width:50px;height:53px;border-radius:13px;font-size:28px}.tool-card h2{font-size:20px;margin:0 0 7px}.tool-card p{font-size:14px}.tool-card .primary{padding:10px}.trust{padding-top:25px}.section-title{font-size:26px}.sub{font-size:15px}.guide-banner{padding:20px;display:grid;grid-template-columns:80px 1fr}.guide-banner>img{width:80px;height:105px;grid-row:1/3;margin:0}.guide-banner h3{font-size:19px}.guide-banner span{font-size:14px}.guide-banner .outline{padding:10px 15px;text-align:center}.panel{padding:20px 16px}.panel h2{font-size:19px}.hint{font-size:14px}.calculator-grid>.panel>h2:before{width:34px;height:34px;font-size:21px}.calculator-grid>form>.hint:first-of-type{margin-left:0}.result-number{font-size:34px}.result-main{padding:20px 12px}.rows div{font-size:14px}.details p,.details li{font-size:15px}.small-card{padding:18px}.small-card .symbol{width:46px;height:46px}.foot{gap:16px}.foot .wordmark{font-size:24px}.foot>span{font-size:13px}body[data-page=salary] .result-main:not(.pending){background-size:70px auto,cover;padding-right:55px}.result-main h3{font-size:17px}body[data-page=guide] .hero{min-height:0}body[data-page=guide] .details{padding:20px}body[data-page=guide] .details>h2,body[data-page=guide] .details>h3{font-size:22px}body[data-page=guide] .details>h2:before,body[data-page=guide] .details>h3:before{position:static;display:inline-grid;width:32px;height:32px;font-size:18px;margin-right:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.icon img{display:block;width:36px;height:36px}.hero:before{background:radial-gradient(ellipse 80% 150% at 98% -35%,#bcefdc88 0 60%,transparent 60.2%),radial-gradient(ellipse 85% 95% at 85% 120%,#d4f7e999 0 65%,transparent 65.2%)}
.hero:before{left:calc(50% - 50vw);right:calc(50% - 50vw);opacity:.55}
@media(max-width:700px){.hero{min-height:0}body[data-page=salary] .result-main:not(.pending){padding-right:65px;background-position:right 6px bottom 5px,center}}
.hero-art.loan,.hero-art.tax,.hero-art.guide{background-position:center bottom;background-size:contain}

/* v18: supplied original horizontal logo, without separate wordmark. */
.brand .brand-logo{display:block;width:180px;height:auto;aspect-ratio:3/1;object-fit:contain}.foot .brand .brand-logo{width:150px}@media(max-width:700px){.brand .brand-logo{width:150px}.foot .brand .brand-logo{width:150px}}

/* Added calculators extend the existing visual system. */
.category-tabs{position:static;display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:0;background:transparent;box-shadow:none;width:auto;max-width:100%}.category-tabs a{padding:10px 18px;border:1px solid #bcebdc;border-radius:10px;background:#fff;color:#1f3a5f;font-size:16px}.category-tabs a[aria-current=page]{background:#e0f7ed;color:#007452;font-weight:700}.compact-hero{min-height:190px}.compact-hero .hero-copy{max-width:100%;padding-top:28px;padding-bottom:28px}.new-field{margin:20px 0}.new-field>label{display:block;font-size:16px;font-weight:650;margin-bottom:8px}.new-field .select{width:100%;font:inherit;min-height:48px;padding:10px 12px;background:#fff;color:#1f3a5f;border:1px solid #d4e2ed;border-radius:8px}.new-field .hint{margin-top:8px;line-height:1.65}.check-label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.7;margin:18px 0}.check-label input{flex-shrink:0;width:18px;height:18px;margin-top:4px}.tool-card:nth-child(4):after{content:'04'}.tool-card:nth-child(5):after{content:'05'}.tool-card:nth-child(5){background:linear-gradient(135deg,#fff,#fff9ed)}
@media(max-width:700px){.category-tabs{display:flex;position:static;top:auto;margin-bottom:16px}.category-tabs a{font-size:15px;padding:10px 14px}.compact-hero{min-height:0}.compact-hero .hero-copy{padding:24px 0}.new-field{margin:18px 0}.new-field .input-box input{font-size:18px}}
/* Keep all six header links accessible at narrow tablet widths. */
@media(min-width:701px) and (max-width:900px){header .head{justify-content:space-between}header .menu{display:block;color:#00785c}header #nav{display:none;position:absolute;top:92px;left:0;right:0;background:white;z-index:10;border-bottom:1px solid var(--line);padding:15px 20px}header #nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}header #nav a{padding:10px;border-radius:8px}header #nav a.active:after{display:none}}