/* วางแผนภาษี — สไตล์เฉพาะเครื่องมือ (ทุก selector อยู่ใต้ .tool กันชนกับฐานกลาง) */
.tool{--navy:#0B3C63;--deepnavy:#0E2F49;--orange:#E8891A;--gold:#c99a1e;--goldbg:#F1D07D;
 --bg:#faf8f4;--card:#fff;--line:#e9e4d8;--ink:#22252a;--dim:#6d727a;--green:#2c7a52;}
.tool{font-family:'Kanit',sans-serif;background:var(--bg);color:var(--ink);font-weight:300;line-height:1.55;font-size:15px;padding-bottom:40px;}
.tool .grid{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;margin-top:24px;align-items:start;}
.tool h2.g{font-size:14px;font-weight:500;color:var(--gold);margin:20px 0 10px;display:flex;align-items:center;gap:8px;}
.tool h2.g:first-child{margin-top:0;}
.tool h2.g:after{content:"";flex:1;height:1px;background:var(--line);}
.tool .panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px 26px;box-shadow:0 2px 10px #00000008;}
.tool .f{margin-bottom:14px;}
.tool .f label{display:block;font-size:13.5px;color:var(--dim);margin-bottom:4px;}
.tool .f label b{color:var(--deepnavy);font-weight:500;}
.tool .f input[type=number]{width:100%;padding:10px 14px;font-family:'Kanit';font-weight:400;font-size:16px;color:var(--deepnavy);border:1px solid var(--line);border-radius:10px;background:#fdfcfa;outline:none;}
.tool .f input[type=number]:focus{border-color:var(--orange);}
.tool .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.tool .chk{display:flex;align-items:center;gap:9px;font-size:14px;margin:10px 0 4px;}
.tool .chk input{width:17px;height:17px;accent-color:var(--orange);}
.tool .hint{font-size:11.5px;color:#9aa0a8;margin-top:2px;}
.tool .sticky{position:sticky;top:14px;}
.tool .res{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px 26px;box-shadow:0 2px 10px #00000008;}
.tool .res .lbl{font-size:13.5px;color:var(--dim);}
.tool .hero{font-size:clamp(40px,5vw,54px);font-weight:600;color:var(--orange);line-height:1.1;}
.tool .hero small{font-size:18px;color:var(--dim);font-weight:300;}
.tool .stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;}
.tool .st{background:#faf8f3;border:1px solid var(--line);border-radius:12px;padding:10px 13px;}
.tool .st .k{font-size:12px;color:var(--dim);}
.tool .st .v{font-size:19px;font-weight:500;color:var(--deepnavy);}
.tool .bar{height:11px;border-radius:6px;background:#efe9dc;overflow:hidden;margin-top:16px;display:flex;}
.tool .bar i{display:block;height:100%;}
.tool .legend{display:flex;gap:14px;font-size:11.5px;color:var(--dim);margin-top:6px;flex-wrap:wrap;}
.tool .legend span:before{content:"●";margin-right:4px;}
.tool .lg-tax:before{color:var(--orange);}
.tool .lg-net:before{color:var(--green);}
.tool .brk{background:linear-gradient(160deg,#fffdf8,#fbf6ec);border:1px solid var(--goldbg);border-radius:20px;padding:22px 24px;margin-top:16px;box-shadow:0 2px 10px #00000008;}
.tool .brk h3{font-size:16px;font-weight:600;color:var(--deepnavy);display:flex;gap:8px;align-items:center;}
.tool .brk .sub{font-size:12.5px;color:var(--dim);margin:3px 0 12px;}
.tool .brow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed #ece2ca;font-size:13px;}
.tool .brow:last-of-type{border-bottom:0;}
.tool .brow .rt{width:46px;text-align:center;font-weight:600;color:#fff;border-radius:7px;padding:3px 0;font-size:12px;}
.tool .brow .amt{color:var(--dim);font-size:12px;}
.tool .brow .amt b{color:var(--deepnavy);font-weight:500;}
.tool .brow .tx{text-align:right;font-weight:600;color:var(--navy);white-space:nowrap;}
.tool .brk .tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:11px;border-top:2px solid var(--goldbg);}
.tool .brk .tot .k{font-size:13.5px;color:var(--dim);}
.tool .brk .tot .v{font-size:22px;font-weight:600;color:var(--orange);}
.tool .brk .none{font-size:13px;color:var(--green);text-align:center;padding:10px 0;}
.tool .note{background:#f4f1ea;border-radius:14px;padding:15px 19px;font-size:12.3px;color:#77726a;margin-top:22px;line-height:1.7;}
.tool .note b{color:#5a5348;font-weight:500;}
@media(max-width:860px){
  .tool .grid{grid-template-columns:1fr;}
  .tool .sticky{position:static;}
}
.tool{max-width:1080px;margin:0 auto;padding:0!important;background:none!important}
@media(max-width:640px){.tool .row2{grid-template-columns:1fr!important}}

/* ขยายทั้งเครื่องมือ ~7% ให้อ่านง่ายขึ้น (สัดส่วนเดิมทุกอย่าง) */
.tool{zoom:1.07}
@media(max-width:640px){.tool{zoom:1}}