/* Trades With BA V11 — financial education tools, black/lime design system. */
.tba-tools-intro,.tba-tools,.tba-tools-guide{max-width:1320px!important;margin-inline:auto!important;min-width:0}
.tba-tools-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.8fr);align-items:center;gap:clamp(25px,5vw,100px);padding-block:clamp(60px,8vw,125px)}
.tba-kicker{font-size:.71rem;letter-spacing:.18em;font-weight:800;color:#aceb64;display:inline-flex;gap:9px;align-items:center}
.tba-kicker-dot,.tba-mini-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b0f269;box-shadow:0 0 16px #a6f23a90}
.tba-tools-intro h2{font-size:clamp(2.6rem,5.1vw,5.7rem);letter-spacing:-.07em;line-height:1.07;max-width:700px;margin:22px 0}
.tba-tools-intro h2 em{font-style:normal;color:#a9eb59}
.tba-tools-intro-copy>p{font-size:clamp(1.02rem,1.2vw,1.18rem);color:#b5c2b7;max-width:610px;line-height:1.8;margin-bottom:23px}
.tba-tools-proof{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:29px}
.tba-tools-proof span{font-size:.82rem;color:#bed4b6;padding:8px 11px;border-radius:99px;background:#0e1c0d;border:1px solid #30432c}
.tba-mini-calculator{max-width:440px;width:100%;margin:auto;border:1px solid #436c37;border-radius:28px;background:linear-gradient(145deg,#192719,#090d0a 55%,#050805);box-shadow:0 45px 100px #000a,0 0 80px #7ed32113,inset 0 1px #ffffff15;padding:23px;transform:rotateY(-5deg) rotateX(2deg);transition:transform .4s,box-shadow .4s;perspective:1000px}
.tba-mini-calculator:hover{transform:rotateY(0) rotateX(0) translateY(-5px);box-shadow:0 48px 110px #000b,0 0 105px #91e84d24}
.tba-mini-top{display:flex;align-items:center;gap:10px;font-size:.69rem;font-weight:700;letter-spacing:.17em;color:#bbd6b1;padding:6px 3px 21px}
.tba-mini-top span:last-child{margin-left:auto;color:#6a8364}
.tba-mini-screen{min-height:117px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:18px;border:1px solid #2c4929;border-radius:15px;background:#050a05;box-shadow:inset 0 7px 28px #000a;margin-bottom:19px}
.tba-mini-screen small{font-size:.64rem;letter-spacing:.19em;color:#70876f}
.tba-mini-screen output{font:700 clamp(2rem,4vw,3.3rem)/1.35 Sora,Inter,sans-serif;color:#dcffc2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tba-mini-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tba-mini-keys .tba-key{border:1px solid #2c3e2b;min-width:0;min-height:59px;color:#e2eee0;font:650 1.18rem Sora,Inter,sans-serif;background:linear-gradient(150deg,#1b291a,#111910);border-radius:13px;cursor:pointer;transition:background .18s,transform .18s,border-color .18s}
.tba-mini-keys .tba-key:hover{background:#243924;border-color:#a6f23a65;transform:translateY(-2px)}
.tba-mini-keys .tba-key:active{transform:scale(.96)}
.tba-mini-keys .tba-key.operator{color:#b5ef72;background:#162813}
.tba-mini-keys .tba-key.clear,.tba-mini-keys .tba-key.back{color:#ffd39b}
.tba-mini-keys .tba-key.equals{background:linear-gradient(130deg,#78cc25,#b8f66d);color:#0c1708;border-color:#baf771;grid-row:span 2}
.tba-mini-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:21px;color:#637b61;font-size:.61rem;letter-spacing:.14em;font-weight:750}
.tba-mini-foot span{color:#aad68d}
.tba-tools{padding-bottom:75px;scroll-margin-top:92px}
.tba-tools-heading{text-align:center;max-width:780px;margin:10px auto 33px}
.tba-tools-heading h2,.tba-tools-guide>h2{font-size:clamp(2rem,4vw,3.45rem);letter-spacing:-.055em;line-height:1.15;margin:15px 0}
.tba-tools-heading p{color:#aab7ab;line-height:1.7}
.tba-tool-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:11px;border:1px solid #263c26;border-radius:16px;background:#0b110c;margin-bottom:19px}
.tba-tool-tabs button{display:inline-flex;gap:8px;align-items:center;justify-content:center;flex:1 1 150px;min-height:52px;border:1px solid transparent;border-radius:11px;color:#889d88;background:transparent;font:700 .78rem Inter,Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.tba-tool-tabs button span{font-size:.85rem;color:#d2dfd0}
.tba-tool-tabs button[aria-selected="true"]{background:#1a3016;color:#a7f35d;border-color:#5b8e33;box-shadow:inset 0 1px #adfb5822}
.tba-tool-tabs button[aria-selected="true"] span{color:#f4ffec}
.tba-tool-tabs button:hover{color:#c6e5b7;background:#1b2819}
.tba-tool-tabs button:focus-visible,.tba-mini-keys .tba-key:focus-visible{outline:2px solid #aff861;outline-offset:3px}
.tba-tool-shell{overflow:hidden;border:1px solid #355532;border-radius:24px;background:linear-gradient(125deg,#101913,#090e0b);box-shadow:0 30px 90px #0005}
.tba-tool-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);min-height:490px}
.tba-tool-panel[hidden]{display:none!important}
.tba-tool-form{padding:clamp(22px,4vw,46px)}
.tba-tool-form h3{font-size:clamp(1.65rem,3vw,2.45rem);letter-spacing:-.045em;margin:12px 0}
.tba-tool-form>p{color:#a6b8aa;line-height:1.65;max-width:650px;margin-bottom:24px}
.tba-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.tba-fields label{display:block;color:#c0d0be;font-size:.86rem;font-weight:650;min-width:0;line-height:1.35}
.tba-fields label small{font-size:.68rem;color:#879987;float:right;margin-left:7px}
.tba-fields input,.tba-fields select{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;min-height:52px;margin-top:9px;padding:12px 15px;background:#070d08;border:1px solid #344b33;color:#f0fff0;border-radius:12px;font:700 1.02rem Inter,Arial,sans-serif;outline:none;box-shadow:inset 0 2px 10px #0005}
.tba-fields input:focus,.tba-fields select:focus{border-color:#abed72;box-shadow:0 0 0 3px #a9ea6030}
.tba-fields select{appearance:auto}
.tba-field-tip{margin-top:20px!important;font-size:.79rem;color:#8ca38c!important}
.tba-tool-result{padding:clamp(22px,3.5vw,42px);display:flex;flex-direction:column;justify-content:center;border-left:1px solid #28452a;background:radial-gradient(ellipse at 50% 30%,#254020 0%,#101a12 52%,#0a110c 100%)}
.tba-tool-result>.tba-kicker{margin-bottom:23px}
.tba-result-label{color:#a7c5a3;font-size:.9rem}
.tba-result-primary{display:block;max-width:100%;overflow-wrap:anywhere;color:#c8ff91;font:800 clamp(2.7rem,4.7vw,4.3rem)/1.2 Sora,Inter,sans-serif;letter-spacing:-.065em;margin:9px 0;text-shadow:0 0 28px #a7ef5833}
.tba-result-sub{font-size:.76rem;color:#9cad98}
.tba-result-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:36px 0 25px}
.tba-result-stats>div{padding:15px;min-width:0;border:1px solid #43644073;background:#09130bb8;border-radius:12px}
.tba-result-stats span{display:block;font-size:.74rem;color:#91a58d;margin-bottom:11px}
.tba-result-stats strong{display:block;color:#f1fff0;font-size:1.05rem;overflow-wrap:anywhere}
.tba-tool-notice{border:1px solid #6680465d;border-radius:12px;padding:12px 14px;font-size:.78rem;line-height:1.6;background:#142212;color:#a9c19e}
.tba-tool-notice.is-error{color:#ffd6af;border-color:#ce8c465c;background:#2b1c11}
.tba-tools-footer-note{max-width:930px;margin:18px auto 0;text-align:center;font-size:.84rem;line-height:1.7;color:#809583}
.tba-tools-guide{text-align:left;padding-block:48px 100px}
.tba-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:30px 0 65px}
.tba-guide-grid article{padding:27px;min-width:0;border:1px solid #2d452a;background:#0b110e;border-radius:16px}
.tba-guide-grid article>span{color:#a7e561;font-size:.69rem;font-weight:800;letter-spacing:.17em}
.tba-guide-grid h3{font-size:1.3rem;margin:13px 0}
.tba-guide-grid p{color:#b1c0b0;line-height:1.75}
.tba-guide-grid code{display:block;margin-top:20px;overflow-wrap:anywhere;white-space:normal;color:#cff6b6;background:#142318;padding:12px 13px;border:1px solid #315333;border-radius:8px;font-size:.82rem}
.tba-guide-grid a{display:inline-block;margin-top:16px;color:#b6f36a}
.tba-tools-faq-title{font-size:clamp(1.7rem,3vw,2.35rem);margin-bottom:22px}
.tba-tools-faq{display:grid;gap:10px}
.tba-tools-faq details{border:1px solid #304631;background:#0c140e;border-radius:12px;overflow:hidden}
.tba-tools-faq summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:17px 21px;color:#e1f0df;font-weight:700;list-style:none}
.tba-tools-faq summary::-webkit-details-marker{display:none}
.tba-tools-faq summary span{font-size:1.5rem;color:#a3e45e}
.tba-tools-faq details[open] summary span{transform:rotate(45deg)}
.tba-tools-faq details>p{padding:0 21px 20px;color:#a7b8a6;line-height:1.7}
.tba-tools-risk{border:1px solid #76572b88;background:#221c10a1;padding:18px 23px;border-radius:13px;margin-top:27px}
.tba-tools-risk strong{color:#ffdb9b}
.tba-tools-risk p{color:#beb3a0;margin:8px 0 0;line-height:1.6}
@media(max-width:920px){.tba-tools-intro{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:25px}.tba-mini-calculator{padding:15px}.tba-mini-keys .tba-key{min-height:50px}.tba-tool-panel{grid-template-columns:minmax(0,1fr)}.tba-tool-result{border-left:0;border-top:1px solid #28452a}.tba-result-stats{margin-top:24px}}
@media(max-width:720px){.tba-tools-intro{grid-template-columns:minmax(0,1fr);padding-block:42px 65px}.tba-tools-intro-copy h2{max-width:520px;font-size:clamp(2.5rem,9vw,4rem)}.tba-mini-calculator{max-width:420px;transform:none}.tba-tool-tabs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:8px}.tba-tool-tabs button{flex:0 0 auto;min-width:139px;min-height:47px;scroll-snap-align:start}.tba-fields{gap:12px}.tba-guide-grid{grid-template-columns:minmax(0,1fr)}.tba-tools{padding-bottom:35px}}
@media(max-width:480px){.tba-tools-intro,.tba-tools,.tba-tools-guide{padding-inline:16px!important}.tba-mini-keys{gap:7px}.tba-mini-keys .tba-key{min-height:50px}.tba-mini-screen{min-height:100px}.tba-tool-form,.tba-tool-result{padding:20px}.tba-fields{grid-template-columns:minmax(0,1fr)}.tba-fields label small{float:none;margin-left:6px}.tba-result-stats{grid-template-columns:minmax(0,1fr)}.tba-result-primary{font-size:clamp(2.1rem,10vw,3.4rem)}.tba-tool-tabs button{min-width:136px}.tba-guide-grid article{padding:19px}}
@media(prefers-reduced-motion:reduce){.tba-mini-calculator,.tba-mini-keys button{transition:none!important;transform:none!important}}