*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#13202b;background:#f3f6f4}
.top{background:#0f4c3a;color:#fff;padding:28px 20px}
.top h1{margin:0 0 8px;font-size:1.7rem;max-width:960px;margin-inline:auto}
.lead{max-width:960px;margin:0 auto;opacity:.95}
main{max-width:960px;margin:0 auto;padding:16px}
.card{background:#fff;border-radius:12px;padding:18px 20px;margin:16px 0;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.card h2{margin-top:0;font-size:1.2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
label{display:flex;flex-direction:column;font-size:.9rem;gap:4px}
label small{color:#5a6a73;font-size:.78rem}
input,select{font:inherit;padding:8px 10px;border:1px solid #c5d0cb;border-radius:8px;background:#fff}
button,.buy{font:inherit;padding:8px 14px;border-radius:8px;border:0;background:#0f4c3a;color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
button.ghost{background:#e7eeea;color:#13202b}
.buy{background:#e8a317;color:#13202b;font-weight:600}.buy.alt{background:#fff;border:1px solid #e8a317}
.result .big{font-size:1.15rem}
table{border-collapse:collapse;width:100%}
td,th{padding:6px 8px;border-bottom:1px solid #e3e9e6;text-align:left;font-size:.92rem}
.res td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.res tr.tot td{font-weight:700;border-top:2px solid #0f4c3a}
.warn{background:#fff4e0;border-left:4px solid #e8a317;padding:10px 12px;border-radius:6px}
.next{font-size:.92rem;color:#2b3b44}
.feat{columns:2;font-size:.92rem}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:12px 0}
.file input{display:none}.file{background:#e7eeea;padding:8px 14px;border-radius:8px;cursor:pointer;flex-direction:row}
.key{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.scroll{overflow-x:auto}
.fine{font-size:.88rem;color:#3b4a52}
@media (max-width:600px){.feat{columns:1}.top h1{font-size:1.35rem}}
@media print{body.printing .top,body.printing #calc,body.printing #out,body.printing .fine,body.printing #proPitch,body.printing .feat,body.printing .price,body.printing .key,body.printing .row,body.printing button{display:none!important}
body.printing .card{box-shadow:none}}