@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--ink:#142928;--muted:#586c68;--line:#dbe4df;--paper:#f5f8f5;--green:#0c5947;--lime:#dbf777;--white:#fff;font-family:'Noto Sans Thai',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--green)}button{cursor:pointer}header{border-bottom:1px solid var(--line);background:#fff}.header-inner{max-width:1200px;margin:auto;padding:21px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font-size:24px;font-weight:700}.brand-mark{width:38px;height:38px;border-radius:10px;background:var(--green);color:var(--lime);display:grid;place-items:center;font-size:25px;line-height:1}header nav{display:flex;gap:26px;font-size:14px}header nav a{text-decoration:none}.site-note{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:8px}.container{max-width:1200px;padding:40px 32px 0;margin:auto}.eyebrow{font-size:13px;font-weight:700;color:var(--green);letter-spacing:.07em;margin:0 0 10px}.title-line{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}h1{font-size:clamp(28px,3.6vw,42px);line-height:1.35;letter-spacing:-.025em;margin:0 0 10px}h2{font-size:23px;line-height:1.45;margin:0 0 15px}h3{font-size:17px;line-height:1.55;margin:0 0 8px}p{margin:0 0 16px}.lead{color:var(--muted);margin:0;max-width:700px}.stamp{text-align:right;font-size:13px;color:var(--muted);white-space:nowrap}.stamp strong{display:block;font-size:15px;color:var(--ink);font-weight:500}.tool-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.tool-tabs a{border:1px solid var(--line);background:#fff;padding:14px 12px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;text-decoration:none;font-size:15px;font-weight:500}.tool-tabs a:hover{border-color:var(--green)}.tool-tabs a[aria-current=page]{color:#fff;border-color:var(--green);background:var(--green)}.tab-icon{font-family:system-ui,sans-serif;font-size:20px;font-weight:400}.workspace{display:grid;grid-template-columns:1.12fr 1fr;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 9px 25px #173a2510}.inputs{padding:30px 32px}.section-label{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin:0 0 24px}.step{background:#edf2ed;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font:12px system-ui}.field{margin-bottom:20px}.label-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px}.label-line label{font-weight:500;font-size:15px}.text-button{border:0;background:none;color:var(--green);padding:0;font-size:14px;text-decoration:underline;text-underline-offset:3px}.input-wrap input,.input-wrap select{width:100%;height:54px;border:1px solid #c5d2ca;border-radius:7px;padding:10px 14px;background:#fff;color:var(--ink);min-width:0}.field-hint{font-size:13px;margin:5px 0 0;color:var(--muted);min-height:22px}.checkbox{display:flex;gap:10px;align-items:flex-start;margin:18px 0;font-size:14px}.checkbox input{accent-color:var(--green);width:17px;height:17px;margin:4px 0 0;flex-shrink:0}.actions{display:flex;gap:10px;margin-top:22px}.primary{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:8px;padding:12px 22px;flex:1;font-weight:600}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:12px 17px}.primary:hover{background:#084837}.secondary:hover{background:var(--paper)}.result{background:#123e34;color:#fff;padding:30px 32px;display:flex;flex-direction:column;position:relative}.result .section-label{color:#d4e7dc;margin-bottom:22px}.result .step{background:#36594e;color:#d5e7dc}.result-summary{margin:0 0 8px;font-size:14px;color:#c3d5cb}.big-number{font:600 clamp(70px,8vw,104px)/1.2 system-ui,sans-serif;letter-spacing:-.06em;color:var(--lime);overflow-wrap:anywhere}.big-unit{font-size:21px;font-weight:400;letter-spacing:0;margin-left:12px;color:#fff}.answer-date{font-size:clamp(26px,3vw,38px);line-height:1.5;color:var(--lime);font-weight:600;padding:12px 0;overflow-wrap:anywhere}.result-sub{color:#d1e2d8;font-size:15px;margin-top:8px;min-height:26px}.metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #416056;margin:24px 0 20px;padding-top:21px;gap:16px}.metric span{display:block;font-size:13px;color:#bdd1c5}.metric strong{font-size:23px;font-weight:500}.result-bottom{margin-top:auto;font-size:13px;color:#c1d2c8;display:flex;align-items:center;justify-content:space-between;gap:12px}.copy{color:#fff;border:1px solid #628578;background:transparent;padding:7px 12px;border-radius:6px;font-size:14px;white-space:nowrap}.copy:hover{background:#ffffff10}.error{background:#fff0e9;border-radius:7px;color:#9d321d;padding:10px 13px;margin:0 0 15px;font-size:14px}.error:empty{display:none}.result.invalid .answer,.result.invalid .result-sub,.result.invalid .metrics{visibility:hidden}.trust-row{display:flex;gap:25px;flex-wrap:wrap;margin:18px 0 40px;font-size:13px;color:var(--muted)}.trust-row span{display:flex;gap:7px;align-items:center}.trust-row b{color:var(--green);font-weight:400}.reading{display:grid;grid-template-columns:1.3fr 1fr;gap:52px;padding:4px 0 42px}.reading p,.article p{color:#435952;font-size:15px}.example{border-left:3px solid var(--green);padding:10px 17px;background:#eaf0e9;margin:18px 0;font-size:15px}.example strong{display:block;margin-bottom:4px}.reading details{border-bottom:1px solid var(--line);padding:14px 0;font-size:15px}.reading summary{cursor:pointer;font-weight:500;list-style-position:outside;margin-left:17px}.reading details p{margin:12px 0 0}.article{max-width:780px;min-height:55vh;padding-bottom:50px}.article h2{margin-top:30px}.article li{margin-bottom:8px}.article a{color:var(--green)}.ad-slot{display:none}.ad-slot.active{display:block;border-top:1px solid var(--line);padding:20px;text-align:center;min-height:140px}.ad-label{color:var(--muted);font-size:12px}footer{border-top:1px solid var(--line);background:#fff}.footer-inner{max-width:1200px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:13px;color:var(--muted)}.footer-inner nav{display:flex;gap:20px;flex-wrap:wrap}.footer-inner a{text-decoration:none}.footer-inner strong{color:var(--ink);font-size:15px}.footer-inner p{margin:3px 0 0}.skip{position:absolute;left:10px;top:-100px;background:#fff;padding:8px;z-index:5}.skip:focus{top:10px}.table{border-collapse:collapse;width:100%;font-size:15px;margin:20px 0}.table td,.table th{padding:10px;border-bottom:1px solid var(--line);text-align:left}noscript p{padding:20px;background:#fff3b0}@media(max-width:760px){.header-inner{padding:16px 20px}header nav{gap:15px}.site-note,.stamp{display:none}.container{padding:27px 20px 0}.title-line{margin-bottom:22px}.tool-tabs{grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:19px}.tool-tabs a{padding:11px 8px;font-size:14px}.workspace{grid-template-columns:1fr}.inputs,.result{padding:25px 23px}.big-number{font-size:78px}.result{min-height:330px}.reading{grid-template-columns:1fr;gap:24px}.trust-row{gap:10px 19px;margin-bottom:30px}.footer-inner{padding:23px 20px;align-items:flex-start;flex-direction:column;gap:13px}.footer-inner nav{gap:14px}.title-line h1{font-size:29px}.lead{font-size:15px}}@media(prefers-reduced-motion:no-preference){button,a,input{transition:background .16s,border-color .16s}.result .answer{animation:appear .25s ease-out}@keyframes appear{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}