/* 연봉 실수령액 계산기 (/tools/salary/) — 전용 스타일. 접두사 sl- */

.sl-unit{display:flex;align-items:center;gap:9px}
.sl-unit .tkinput{max-width:200px}
.sl-unit .u{font-size:14px;font-weight:700;color:var(--gray);flex-shrink:0}

.sl-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.sl-two{grid-template-columns:1fr;gap:20px}}

.sl-deduct{width:100%;border-collapse:collapse;margin:14px 0}
.sl-deduct td{padding:10px 4px;font-size:14.5px;border-bottom:1px solid var(--tk-line-soft)}
.sl-deduct td:first-child{color:var(--gray)}
.sl-deduct td:last-child{text-align:right;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.sl-deduct tr.sl-total td{border-top:2px solid var(--tk-line);border-bottom:none;padding-top:14px;font-weight:900}
.sl-deduct tr.sl-total td:last-child{color:var(--blue)}

.sl-annual{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.sl-annual > div{flex:1 1 180px;background:var(--tk-surface);border:1px solid var(--tk-line-soft);border-radius:12px;padding:14px 16px}
.sl-annual .lbl{font-size:12.5px;color:var(--gray);font-weight:700}
.sl-annual .val{font-size:19px;font-weight:900;color:var(--deep);margin-top:2px}