#calc{background:var(--tint);border:1px solid var(--rule);border-radius:14px;padding:18px;margin:24px 0}
#calc .c-top{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:12px}
#calc label{display:block;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green)}
#calc select,#calc input{font:inherit;font-size:1rem;padding:9px 11px;border:1.5px solid #c9d4cb;border-radius:9px;background:#fff;color:var(--ink);width:100%;box-sizing:border-box}
#calc select{width:auto}
#calc input:focus,#calc select:focus{outline:2px solid var(--gold);border-color:var(--green)}
#calc .cp-row{display:grid;grid-template-columns:86px 1fr 34px;gap:8px;align-items:center;margin:6px 0}
#calc .cp-row label{font-size:.8rem}
#calc .cp-x{border:0;background:transparent;font-size:1.4rem;color:var(--muted);cursor:pointer}
#calc .c-boards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
#calc.one-board .c-bot{display:none}#calc.one-board .c-boards{grid-template-columns:1fr}
#calc .c-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
#calc .c-act .btn{padding:10px 20px}
#calc .c-presets{margin-top:14px;font-size:.92rem}
#calc .c-presets button{font:inherit;font-size:.88rem;background:#fff;border:1.5px solid var(--green);color:var(--green);border-radius:999px;padding:5px 12px;margin:4px 6px 0 0;cursor:pointer}
#calc .c-presets button:hover{background:var(--green);color:#fff}
#calc .c-err{color:var(--red);font-weight:700}
#calc .c-note{font-size:.9rem;color:var(--muted)}
#calc .c-h{margin-top:2px}
#calc .cc{display:inline-block;font-weight:800;margin-right:5px}
#calc .cc.s0,#calc .cc.s3{color:#171a17}#calc .cc.s1,#calc .cc.s2{color:var(--red)}
#calc .c-help{font-size:.88rem;color:var(--muted);margin:4px 0 0}
@media (max-width:560px){#calc .c-boards{grid-template-columns:1fr}#calc .cp-row{grid-template-columns:70px 1fr 28px}#calc th,#calc td{font-size:.82rem;padding:6px 5px}}