.atx-calc{--ink:#16202A;--teal:#0E6E73;--teal2:#E3F0F0;--paper:#F7F8FA;--rule:#DDE2E7;--win:#2F8F4E;--loss:#C8403A;--mute:#5C6773;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;
  border:1px solid var(--rule);border-radius:12px;max-width:860px;margin:28px auto;overflow:hidden;line-height:1.45;box-sizing:border-box}
.atx-calc *,.atx-calc *::before,.atx-calc *::after{box-sizing:border-box}
.atx-calc .hd{padding:20px 24px;background:var(--ink);color:#fff}
.atx-calc .hd h3{margin:0;font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.01em}
.atx-calc .hd p{margin:4px 0 0;font-size:.92rem;color:#C5CED8;max-width:60ch}
.atx-calc .sel{padding:16px 24px;display:grid;gap:10px;background:var(--paper);border-bottom:1px solid var(--rule)}
.atx-calc .row{display:grid;grid-template-columns:30px 1fr 96px 150px;gap:10px;align-items:center}
.atx-calc .tag{width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;font-weight:800;display:grid;place-items:center;font-size:.9rem}
.atx-calc input,.atx-calc select{font:inherit;font-size:.98rem;color:var(--ink);background:#fff;border:1px solid #C6CDD5;border-radius:7px;padding:8px 10px;width:100%}
.atx-calc input:focus-visible,.atx-calc select:focus-visible,.atx-calc button:focus-visible{outline:3px solid var(--teal);outline-offset:1px}
.atx-calc .stk{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:end;margin-top:4px}
.atx-calc label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:600;color:var(--mute)}
.atx-calc .seg{display:flex;border:1px solid #C6CDD5;border-radius:7px;overflow:hidden}
.atx-calc .seg button{font:inherit;font-size:.88rem;border:0;background:#fff;color:var(--ink);padding:8px 12px;cursor:pointer}
.atx-calc .seg button[aria-pressed="true"]{background:var(--teal);color:#fff;font-weight:700}
.atx-calc .total{font-size:.95rem;padding-bottom:8px}.atx-calc .total b{font-variant-numeric:tabular-nums}
.atx-calc .blk{padding:18px 24px;border-bottom:1px solid var(--rule)}
.atx-calc h4{margin:0 0 10px;font-size:1.02rem;font-weight:700;color:var(--teal)}
.atx-calc .scroll{overflow-x:auto}
.atx-calc table{width:100%;border-collapse:collapse;font-size:.92rem;font-variant-numeric:tabular-nums;background: #fff;}
.atx-calc th{text-align:left;font-size:.78rem;color:var(--mute);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--rule)}
.atx-calc td{padding:8px;border-bottom:1px solid var(--rule)}
.atx-calc td.n,.atx-calc th.n{text-align:right}
.atx-calc .pos{color:var(--win);font-weight:700}.atx-calc .neg{color:var(--loss);font-weight:700}
.atx-calc .pill{display:inline-block;font-size:.76rem;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--paper);color:var(--mute)}
.atx-calc .pill.w{background:#E4F3E9;color:var(--win)}.atx-calc .pill.l{background:#F8E5E3;color:var(--loss)}
.atx-calc .settle{margin-top:12px;padding:12px 14px;border-radius:9px;background:var(--teal2);font-size:1rem}
.atx-calc .settle b{font-size:1.25rem}
.atx-calc .warn{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:.9rem}
.atx-calc .warn li{padding:8px 12px;border-left:3px solid var(--loss);background:#FCF3F2;border-radius:0 6px 6px 0}
.atx-calc .warn li.ok{border-color:var(--win);background:#F1F8F3}
.atx-calc .dist{display:flex;height:34px;border-radius:7px;overflow:hidden;margin:6px 0 8px}
.atx-calc .dist span{display:grid;place-items:center;color:#fff;font-size:.78rem;font-weight:700;min-width:0;white-space:nowrap;overflow:hidden;transition:flex-basis .3s ease}
.atx-calc .d0{background:var(--loss)}.atx-calc .d2{background:#D39B2A}.atx-calc .d3{background:var(--win)}
.atx-calc .legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.82rem;color:var(--mute)}
.atx-calc .legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.atx-calc .note{font-size:.82rem;color:var(--mute);margin:8px 0 0}
.atx-calc .ft{padding:12px 24px;font-size:.76rem;color:var(--mute)}
.atx-calc .ft a{color:var(--teal)}
@media (max-width:640px){.atx-calc .row{grid-template-columns:30px 1fr 84px}.atx-calc .row select{grid-column:2/-1}}
@media (prefers-reduced-motion:reduce){.atx-calc .dist span{transition:none}}

.atx-calc th {
    background: #fff;
}