@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{font-family:'Noto Sans Thai',Tahoma,sans-serif;color:#203b40;background:#f5f7f8;font-synthesis:none;--green:#08665c;--muted:#64777b;--line:#e1e8ea}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65}button,input,select{font:inherit}a{color:var(--green);text-decoration:none}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #20a398;outline-offset:3px}header{height:86px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:15px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#143b38}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--green);color:white;font-size:28px}.brand-en{font-size:12px;letter-spacing:2px;margin-left:9px;color:var(--muted)}.year{font-size:14px;border:1px solid var(--line);padding:7px 14px;border-radius:8px}.year span{color:var(--muted)}.shell{max-width:1600px;margin:auto;display:grid;grid-template-columns:238px 1fr}.sidebar{padding:38px 22px;min-height:calc(100vh - 86px);background:#fff;border-right:1px solid var(--line)}.nav-label{color:#7b898c;font-size:12px;margin:0 16px 16px}nav{display:grid;gap:8px}nav a{color:#637478;padding:13px 16px;border-radius:9px;display:flex;align-items:center;gap:13px;font-size:15px;font-weight:500}nav a.active{background:#e5f2ef;color:#075c51}nav a span{font-size:23px;width:24px;text-align:center}nav a:hover{background:#edf5f3}.sidebar-note{margin:65px 10px 30px;font-size:14px}.sidebar-note strong{display:block;margin-top:12px}.sidebar-note p,.privacy{color:var(--muted);font-size:13px}.note-mark{border:1px solid #9ebeb9;border-radius:50%;padding:0 8px}.sidebar-note a{font-size:13px}.privacy{border-top:1px solid var(--line);padding:22px 12px}main{padding:35px 40px 20px;min-width:0}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--green);font-weight:600;margin:0 0 5px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}h1{font-size:30px;letter-spacing:-.7px;margin:0 0 5px;line-height:1.5}h2{font-size:18px;margin:0}h3{font-size:16px;margin:0 0 10px}.sub{color:var(--muted);font-size:14px;margin:0}.btn{border:1px solid var(--line);background:#fff;color:#29494b;border-radius:9px;padding:10px 17px;font-size:14px;font-weight:500;transition:.15s}.btn:hover{background:#eef5f4;transform:translateY(-1px)}.btn.primary{background:var(--green);color:white;border-color:var(--green)}.btn.small{padding:6px 12px}.grid{display:grid;grid-template-columns:minmax(0,1fr) 342px;gap:24px;align-items:start}.stack{display:grid;gap:21px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px}.card-head{display:flex;align-items:center;gap:11px;margin-bottom:22px}.step{font-size:12px;background:#edf5f3;color:var(--green);border-radius:7px;padding:4px 8px;font-weight:600}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:block;font-size:14px;color:#395557;min-width:0}.field>span:first-child{display:block;margin-bottom:8px}.input-wrap{position:relative}.input-wrap input{width:100%;padding:11px 44px 11px 13px;border:1px solid #dbe4e5;border-radius:9px;background:#fcfdfd;color:#173b3d;font-variant-numeric:tabular-nums;font-weight:500;min-width:0}.input-wrap i{position:absolute;right:13px;top:13px;color:#849295;font-size:12px;font-style:normal}.field small,.hint{display:block;color:var(--muted);font-size:12px;margin-top:7px;line-height:1.7}.seg{display:flex;background:#f1f5f5;padding:3px;border-radius:8px;margin-left:auto;gap:3px}.seg button{border:0;padding:5px 12px;background:none;border-radius:6px;font-size:12px;color:#6b7e80}.seg .selected{background:white;color:#135e55;box-shadow:0 1px 4px #102e2515}details{margin-top:19px}summary{cursor:pointer;font-size:14px;color:var(--green)}details .fields{margin-top:20px}.expense-note{background:#f5f8f8;padding:12px 15px;border-radius:8px;display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:13px}.expense-note strong{font-weight:500;white-space:nowrap}.deduction{padding:17px 0;border-bottom:1px solid #edf0f1}.deduction:last-child{border-bottom:0;padding-bottom:0}.row-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.row-head label{cursor:pointer;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:500}.row-head small{font-size:12px;color:var(--muted);font-weight:400}.row-content{padding:15px 0 0 31px;display:grid;gap:12px}.switch{appearance:none;width:34px;height:20px;flex-shrink:0;background:#cbd5d8;border-radius:20px;margin:0;cursor:pointer;position:relative}.switch:after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.18s}.switch:checked{background:var(--green)}.switch:checked:after{left:17px}.fixed{font-size:12px;border-radius:5px;background:#f1f5f5;color:#6c7e80;padding:2px 7px}.amount{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.section-label{font-size:12px;color:#7b8b8d;letter-spacing:.5px;margin:22px 0 0}.summary-card{background:#103f3b;color:white;border:0;padding:26px;position:relative;overflow:hidden}.summary-card .sub{color:#b8d4ce}.tax-total{font-size:44px;line-height:1.3;letter-spacing:-1px;font-weight:600;margin:16px 0 3px;font-variant-numeric:tabular-nums}.tax-total small{font-size:16px;font-weight:400;letter-spacing:0}.tax-caption{font-size:12px;color:#b5d4cc}.summary-line{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:10px 0}.summary-line span{color:#c3d9d5}.summary-line strong{font-weight:500}.summary-rule{border:0;border-top:1px solid #ffffff25;margin:17px 0 12px}.net-line{background:#ffffff0c;margin:8px -10px;padding:11px 10px;border-radius:8px}.rate-box{display:flex;justify-content:space-between;margin-top:17px;padding-top:17px;border-top:1px solid #ffffff25;font-size:12px;color:#bdd8d1}.rate-box strong{font-size:21px;display:block;color:#fff;font-weight:500}.allocation{height:7px;display:flex;border-radius:10px;overflow:hidden;margin:22px 0 12px;background:#ffffff20}.allocation div{background:#62bfa8}.allocation div+div{background:#bddfc5}.allocation div+div+div{background:#efc885}.legend{display:flex;gap:13px;flex-wrap:wrap;font-size:11px;color:#c2d8d3}.legend span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:2px;background:#62bfa8;margin-right:5px}.legend span:nth-child(2):before{background:#bddfc5}.legend span:nth-child(3):before{background:#efc885}.aside-sticky{position:sticky;top:20px}.insurance-promo{background:#e8f2ef;border-color:#d7e7e1}.insurance-promo p{font-size:13px;color:#4a6e65;margin:10px 0 16px}.insurance-promo a{font-size:14px;font-weight:600}.notice{background:#f2f6f7;color:#597176;border-left:3px solid #afc8cc;padding:13px 16px;font-size:13px;border-radius:0 7px 7px 0;margin:18px 0 0}.warning{background:#fff6e5;border-left-color:#e1b654;color:#735720}.table-wrap{overflow:auto;margin:16px -4px 0}table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}th{text-align:right;color:#6f8083;font-size:12px;font-weight:500;padding:11px 10px;background:#f5f8f8}th:first-child,td:first-child{text-align:left}td{text-align:right;padding:11px 10px;border-bottom:1px solid #edf0f1}.used{background:#f1f8f5}.muted-row{color:#7c8d90}.table-end{font-weight:600;color:var(--green)}footer{color:#789094;font-size:12px;margin-top:30px;padding:20px 0 6px;border-top:1px solid var(--line)}footer span{color:#8b9b9e}.link-button{border:0;background:none;color:var(--green);font-size:14px;padding:0;cursor:pointer}.wide{width:100%;margin-top:15px}.check-line{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin-top:20px}.check-line input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0;margin-top:4px}.plan-title{color:var(--green);font-size:13px}.big-value{font-size:32px;font-weight:600;margin:8px 0}.plan-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.metric{background:#f3f7f6;border-radius:10px;padding:16px;font-size:13px}.metric strong{font-size:21px;display:block;margin-top:5px}.progress{height:9px;border-radius:9px;background:#dceae5;overflow:hidden;margin:15px 0}.progress>div{height:100%;background:var(--green);transition:width .2s}.rules{font-size:14px;color:#5b7074;padding-left:22px}.rules li{margin:10px 0}select{border:1px solid #dbe4e5;border-radius:9px;padding:11px;background:#fcfdfd;color:#244346;width:100%}.source-list{display:grid;gap:16px}.source-list a{font-size:15px;text-decoration:underline;text-underline-offset:4px}.source-list p{font-size:14px;color:var(--muted);margin:5px 0}.custom-row{padding:15px;background:#f6f9f9;border-radius:10px;margin:12px 0}.custom-row input[type=text]{width:100%;padding:10px;border:1px solid #dbe4e5;border-radius:7px;margin:12px 0}.custom-row .check-line{margin:12px 0;font-size:12px}.skip{position:fixed;top:-100px;left:10px;background:white;padding:12px;z-index:20}.skip:focus{top:5px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#173f3b;color:white;border-radius:9px;padding:12px 22px;box-shadow:0 4px 30px #103f3b22;display:none;z-index:10;font-size:14px}#toast.show{display:block}.reset{font-size:12px}.mobile-source{display:none}input:invalid{border-color:#ba6139}
@media(min-width:1450px){main{padding:40px 55px}.grid{grid-template-columns:minmax(0,1fr) 370px}}
@media(max-width:1150px){.shell{grid-template-columns:200px 1fr}.sidebar{padding:30px 12px}main{padding:28px 24px}.grid{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.card{padding:20px}.tax-total{font-size:36px}.brand-en{display:none}}
@media(max-width:930px){.shell{display:block}.sidebar{min-height:0;border-right:0;padding:10px 20px;border-bottom:1px solid var(--line)}.nav-label,.sidebar-note,.privacy{display:none}nav{display:flex;justify-content:center;gap:8px}nav a{padding:8px 15px}.grid{grid-template-columns:minmax(0,1fr) 300px}.mobile-source{display:inline}header{padding:0 24px;height:76px}}
@media(max-width:720px){header{height:70px;padding:0 18px}.brand{font-size:21px}.year{font-size:12px;padding:5px 9px}.year span{display:none}.sidebar{padding:9px 8px}nav{gap:3px}nav a{font-size:13px;padding:7px 9px;gap:6px}nav a span{font-size:19px;width:19px}main{padding:25px 17px}.heading{align-items:flex-start;gap:12px}h1{font-size:25px}.heading>.btn{font-size:12px;padding:8px 10px;flex-shrink:0;margin-top:6px}.grid{grid-template-columns:1fr}.aside-sticky{position:static}.tax-total{font-size:43px}.fields{gap:15px}.card{padding:20px}.sub{font-size:13px}.row-content{padding-left:0}.plan-metrics{gap:10px}.summary-card{padding:25px}.brand-en{display:none}.expense-note{flex-wrap:wrap}.row-head small{display:block}.seg button{padding:5px 8px}.card-head{gap:8px}.card-head h2{font-size:17px}}
.row-head small{display:block;margin-top:3px}.card:not(.summary-card) .summary-line span{color:var(--muted)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}