/* คุณเป็นนักลงทุนสายไหน — สไตล์เฉพาะเครื่องมือ (ทุก selector อยู่ใต้ .tool กันชนกับฐานกลาง) */
.tool{--navy:#074E82;--deepnavy:#113C63;--orange:#F69420;--gold:#F1D07D;
  --ink:#1c1a1c;--muted:#7d7a7d;--paper:#FBFAF7;--line:#e6e3dd;
  --c1:#3A7CA5;--c2:#2F7D6A;--c3:#7A6A3F;--c4:#C0740E;--c5:#B4543A;}
.tool{font-family:'Kanit',-apple-system,'Segoe UI',sans-serif;font-weight:300;color:var(--ink);
     background:var(--paper);line-height:1.6;padding:26px 16px 60px;font-size:16px;}
.tool .card{background:#fff;border:1px solid var(--line);border-radius:18px;
      padding:24px 26px 26px;margin-top:14px;box-shadow:0 1px 3px #0000000a;}
.tool .bar{height:5px;background:#ece8e0;border-radius:4px;overflow:hidden;}
.tool .bar i{display:block;height:100%;background:var(--orange);width:0;transition:width .35s ease;}
.tool .meta{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;
      color:var(--muted);margin-top:9px;}
.tool .meta .stage{color:#9a7a19;}
.tool .qbox{margin-top:16px;animation:slide .28s ease;}
@keyframes slide{from{opacity:0;transform:translateX(14px);}to{opacity:1;transform:none;}}
.tool .ask{font-size:20px;font-weight:400;color:#22262b;line-height:1.45;}
.tool .ask .hint{display:block;font-size:13px;color:var(--muted);font-weight:200;margin-top:4px;}
.tool .ans{display:grid;gap:9px;margin-top:18px;}
.tool .a{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px 16px;
   font-family:inherit;font-size:15.5px;font-weight:300;color:#43474d;cursor:pointer;
   text-align:left;transition:.13s;display:flex;align-items:center;gap:12px;}
.tool .a:hover{border-color:#b9cbdb;background:#fbfdff;transform:translateX(2px);}
.tool .a .k{width:24px;height:24px;border-radius:8px;background:#f1efe9;color:var(--muted);
      font-size:12.5px;display:flex;align-items:center;justify-content:center;flex:none;transition:.13s;}
.tool .a.on{background:var(--navy);color:#fff;border-color:var(--navy);}
.tool .a.on .k{background:#fff;color:var(--navy);}
.tool .qnav{display:flex;justify-content:space-between;align-items:center;margin-top:16px;}
.tool .qnav button{font-family:inherit;font-size:14px;font-weight:300;color:var(--navy);background:none;
            border:none;cursor:pointer;padding:4px 0;}
.tool .qnav button:disabled{color:#c9c5bd;cursor:default;}
.tool .loading{text-align:center;padding:44px 0;display:none;}
.tool .loading .dots{font-size:30px;letter-spacing:4px;color:var(--orange);animation:pulse 1s infinite;}
@keyframes pulse{0%,100%{opacity:.35;}50%{opacity:1;}}
.tool .loading p{font-size:14.5px;color:var(--muted);margin-top:8px;}
.tool .res{display:none;}
.tool .res.show{display:block;animation:rise .5s ease;}
@keyframes rise{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
.tool .hero{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 26px 26px;
      margin-top:14px;text-align:center;position:relative;overflow:hidden;}
.tool .hero .glow{position:absolute;inset:-40% 30% auto;height:220px;border-radius:50%;
            filter:blur(60px);opacity:.16;}
.tool .hero .emo{width:clamp(190px,44vw,250px);height:clamp(190px,44vw,250px);object-fit:contain;
           display:block;margin:0 auto;position:relative;
           filter:drop-shadow(0 10px 18px #00000022);animation:pop .55s cubic-bezier(.2,1.2,.4,1);}
@keyframes pop{from{opacity:0;transform:scale(.82) translateY(14px);}to{opacity:1;transform:none;}}
.tool .hero .lbl{font-size:13.5px;color:var(--muted);margin-top:12px;}
.tool .hero .name{font-size:clamp(28px,7vw,40px);font-weight:500;line-height:1.2;margin-top:2px;}
.tool .hero .nick{font-size:16px;color:#5f5a52;margin-top:7px;font-weight:200;font-style:italic;}
.tool .tags{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:16px;}
.tool .tag{background:#f2efe8;border:1px solid var(--line);border-radius:20px;padding:4px 13px;font-size:13px;color:#5f5a52;}
.tool .desc{font-size:16.5px;color:#33383e;margin-top:20px;text-align:left;}
.tool .desc b{font-weight:500;color:var(--navy);}
.tool .meter{margin-top:26px;}
.tool .meter .pin{position:relative;height:17px;}
.tool .meter .pin i{position:absolute;transform:translateX(-50%);font-size:15px;transition:left .6s ease;}
.tool .meter .track{display:flex;height:13px;border-radius:8px;overflow:hidden;}
.tool .meter .track div{flex:1;}
.tool .meter .names{display:flex;margin-top:7px;}
.tool .meter .names span{flex:1;font-size:11px;color:var(--muted);text-align:center;line-height:1.3;}
.tool .meter .names span.on{color:var(--navy);font-weight:500;}
.tool .meter .names img{width:34px;height:34px;object-fit:contain;display:block;margin:5px auto 3px;
                  opacity:.42;filter:grayscale(.6);transition:.25s;}
.tool .meter .names span.on img{opacity:1;filter:none;transform:scale(1.18);}
.tool .blk{border-radius:14px;padding:17px 19px;margin-top:14px;}
.tool .blk h4{font-size:14.5px;font-weight:500;margin-bottom:5px;}
.tool .blk p{font-size:15px;}
.tool .b-good{background:#f2f7fa;border:1px solid #d9e6ef;}
.tool .b-good h4{color:var(--navy);}
.tool .b-good p{color:#41505c;}
.tool .b-trap{background:#fffdf5;border:1px solid var(--gold);}
.tool .b-trap h4{color:#8a6c12;}
.tool .b-trap p{color:#5c564a;}
.tool .b-learn{background:#f5f8f6;border:1px solid #dbe7e0;}
.tool .b-learn h4{color:var(--c2);}
.tool .b-learn p{color:#465650;}
.tool .untested{background:#fbf6ee;border:1px dashed #d9b876;border-radius:13px;
          padding:14px 17px;margin-top:14px;font-size:14.5px;color:#6b5a35;display:none;}
.tool .untested b{font-weight:500;}
.tool .official{background:#eef2f6;border:1px solid #d5dfe8;border-radius:14px;padding:17px 20px;margin-top:14px;}
.tool .official h4{font-size:14px;font-weight:500;color:var(--deepnavy);margin-bottom:6px;}
.tool .official p{font-size:13.5px;color:#4e5a66;font-weight:300;}
.tool .official b{font-weight:500;color:var(--navy);}
.tool .limit{background:#f6f4f0;border:1px solid var(--line);border-radius:14px;padding:17px 20px;margin-top:14px;}
.tool .limit h4{font-size:14px;font-weight:500;color:#5f5a52;margin-bottom:6px;}
.tool .limit p, .tool .limit li{font-size:13.5px;color:#6d685f;font-weight:300;}
.tool .limit ul{margin:7px 0 0 18px;}
.tool .limit b{font-weight:500;color:#494540;}
.tool .next{border-radius:16px;padding:20px 22px;margin-top:14px;background:#fffdf6;border:1px solid var(--gold);}
.tool .next h3{font-size:17px;font-weight:500;color:var(--deepnavy);margin-bottom:5px;}
.tool .next p{font-size:14px;font-weight:200;}
.tool .next .t-btn{display:inline-block;margin-top:13px;margin-right:8px;padding:9px 20px;border-radius:10px;
           font-size:14.5px;font-weight:400;text-decoration:none;background:var(--navy);color:#fff;}
.tool .next .t-btn.alt{background:#fff;color:var(--navy);border:1px solid var(--navy);}
.tool .lic{display:inline-block;background:var(--deepnavy);color:#fff;font-size:11px;
     padding:3px 11px;border-radius:6px;margin-top:12px;font-weight:300;}
.tool .dis-sm{font-size:11.5px;color:#8a8577;margin-top:9px;}
.tool .again{text-align:center;margin-top:20px;}
.tool .again button{font-family:inherit;font-size:14.5px;font-weight:300;color:var(--navy);background:none;
              border:none;border-bottom:1px solid var(--gold);cursor:pointer;padding:2px 0;}
.tool .share{background:linear-gradient(135deg,var(--navy),var(--deepnavy));color:#fff;
       border-radius:18px;padding:24px 26px;margin-top:14px;text-align:center;}
.tool .share h3{font-size:19px;font-weight:500;}
.tool .share p{font-size:14px;font-weight:200;opacity:.9;margin-top:5px;}
.tool .share .row{display:flex;gap:10px;justify-content:center;margin-top:17px;flex-wrap:wrap;}
.tool .share button{font-family:inherit;font-size:15px;font-weight:400;padding:11px 22px;border-radius:12px;
              border:none;cursor:pointer;transition:.14s;}
.tool .share .primary{background:var(--orange);color:#fff;}
.tool .share .primary:hover{filter:brightness(1.07);}
.tool .share .ghost{background:transparent;color:#fff;border:1px solid #ffffff66;}
.tool .share .ghost:hover{background:#ffffff1a;}
.tool .share .tip{font-size:12px;opacity:.72;margin-top:13px;font-weight:200;}
.tool .preview{margin-top:16px;display:none;}
.tool .preview img{width:100%;max-width:330px;border-radius:14px;box-shadow:0 6px 22px #00000038;}
.tool .preview .hintdl{font-size:12px;opacity:.75;margin-top:8px;font-weight:200;}
.tool .toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);
       background:var(--deepnavy);color:#fff;font-size:14.5px;padding:11px 22px;border-radius:30px;
       box-shadow:0 6px 20px #00000038;opacity:0;pointer-events:none;transition:.25s;z-index:50;}
.tool .toast.on{opacity:1;transform:translateX(-50%) translateY(0);}
.tool{max-width:710px;margin:0 auto;padding:0!important;background:none!important}
.tool .tool-note{font-size:12.5px;color:var(--muted);text-align:center;margin-top:26px;line-height:1.7}

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