/* ATS Tools Pack 1.0.0 */
.ats-kph,.ats-calc{--i:var(--ink,#16232E);--m:var(--muted,#5C6B78);--c:var(--card,#fff);--l:var(--line,#E6E1D6);--a:var(--accent,#2563EB);--as:var(--accent-soft,#DBEAFE);--g:var(--good,#16A34A);--b:var(--bad,#DC2626);--mono:var(--mono,'IBM Plex Mono',monospace);margin:1.2em 0}
.ats-kph *,.ats-calc *{box-sizing:border-box}
.ats-kph-modes{display:flex;gap:8px;margin-bottom:14px}
.ats-kph-modes button{font-weight:600;font-size:14px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--i);background:transparent;color:var(--i);cursor:pointer}
.ats-kph-modes button.on{background:var(--i);color:#fff}
.ats-kph-stage,.ats-kph-results{background:var(--c);border:1px solid var(--l);border-radius:16px;padding:24px}
.ats-kph-hud{display:flex;gap:26px;margin-bottom:14px;font-family:var(--mono);font-size:13px;color:var(--m)}
.ats-kph-hud b{font-size:22px;color:var(--i);display:block}
.ats-kph-hud .hud-kph b{color:var(--a)}
.ats-kph-strip{font-family:var(--mono);font-size:24px;letter-spacing:.03em;display:flex;gap:18px;overflow:hidden;margin-bottom:14px;user-select:none}
.ats-kph-strip span{padding:6px 12px;border-radius:8px;white-space:nowrap}
.ats-kph-strip .cur{background:var(--as);font-weight:600}
.ats-kph-strip .done{color:#9AA7B1}
.ats-kph-strip .done.err{color:var(--b);text-decoration:underline}
.ats-kph-input{font-family:var(--mono);font-size:22px;padding:10px 14px;border:2px solid var(--l);border-radius:10px;width:240px;background:#fff;color:var(--i)}
.ats-kph-input:focus{outline:none;border-color:var(--a)}
.ats-kph-note{margin:12px 0 0;font-size:13px;color:var(--m)}
.ats-kph-note kbd{font-family:var(--mono);background:var(--bg,#F7F5F0);border:1px solid var(--l);border-radius:5px;padding:1px 7px}
.ats-kph-big{display:flex;gap:30px;flex-wrap:wrap;margin:4px 0 18px}
.ats-kph-big div b{font-size:42px;font-family:var(--mono);display:block;line-height:1.1;color:var(--i)}
.ats-kph-big div.main b{color:var(--a)}
.ats-kph-big div span{font-size:12px;color:var(--m);text-transform:uppercase;letter-spacing:.07em}
.ats-kph-results table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 4px}
.ats-kph-results th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--m);padding:6px 10px;border-bottom:2px solid var(--l)}
.ats-kph-results td{padding:7px 10px;border-bottom:1px solid var(--l)}
.ats-kph-results tr.you td{background:var(--as);font-weight:700}
.ats-kph-actions{margin-top:16px}
.ats-kph-actions button{font-weight:700;font-size:15px;padding:11px 20px;border-radius:999px;cursor:pointer;border:none;background:var(--a);color:#fff}
/* calculator */
.ats-calc{background:var(--c);border:1px solid var(--l);border-radius:16px;padding:24px;max-width:560px}
.ats-calc-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.ats-calc-tabs button{font-weight:600;font-size:14px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--i);background:transparent;color:var(--i);cursor:pointer}
.ats-calc-tabs button.on{background:var(--i);color:#fff}
.ats-calc-row{margin-bottom:14px;font-size:16px}
.ats-calc-row input{font-family:var(--mono);font-size:17px;width:110px;padding:8px 10px;border:2px solid var(--l);border-radius:8px;color:var(--i)}
.ats-calc-row input:focus{outline:none;border-color:var(--a)}
.ats-calc-row select{font-size:15px;padding:8px 10px;border-radius:8px;border:2px solid var(--l);background:#fff}
.ats-calc-go{font-weight:700;font-size:15px;padding:11px 22px;border-radius:999px;cursor:pointer;border:none;background:var(--a);color:#fff}
.ats-calc-out{margin-top:16px;font-size:17px}
.ats-calc-out b{font-family:var(--mono);font-size:30px;color:var(--a)}
.ats-calc-out .sub{font-size:13.5px;color:var(--m);margin-top:4px}
@media(max-width:560px){.ats-kph-strip{font-size:19px}.ats-kph-input{width:100%}}
