/* 4대보험 계산기 — 공통 도구 스타일에 없는 것만 정의한다. */

.sic-num { font-variant-numeric: tabular-nums; }
.sic-basis { margin-bottom: var(--spacing-md, 1rem); line-height: 1.6; }
.sic-basis a { font-weight: 600; white-space: nowrap; }
.sic-basis a .fa-arrow-up-right-from-square { font-size: .7em; }
.sic-alert { margin-top: var(--spacing-sm, .5rem); }

.sic-hint {
    margin: .35rem 0 0;
    font-size: var(--text-ui-sm, .8125rem);
    color: var(--text-muted, #626977);
    line-height: 1.55;
}

.sic-rates { margin-top: var(--spacing-md, 1rem); }
.sic-rates ul {
    margin: .4rem 0 0; padding-left: 1.1rem;
    font-size: var(--text-ui-sm, .8125rem); color: var(--text-muted, #626977); line-height: 1.6;
}

.sic-stats .stat-number { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.sic-base {
    margin: var(--spacing-md, 1rem) 0 .5rem;
    font-size: var(--text-ui-sm, .8125rem); color: var(--text-muted, #626977);
    overflow-wrap: anywhere;
}

.sic-table-wrap { overflow-x: auto; }
.sic-table { width: 100%; border-collapse: collapse; font-size: var(--text-sm, .875rem); }
.sic-table th, .sic-table td {
    padding: .45rem .5rem;
    border-bottom: 1px solid var(--border-color, #e5e8ed);
    white-space: nowrap;
}
.sic-table thead th { font-weight: 600; color: var(--text-muted, #626977); font-size: var(--text-ui-sm, .8125rem); text-align: right; }
.sic-table thead th:first-child, .sic-table tbody th, .sic-table tfoot th { text-align: left; font-weight: 600; }
.sic-table td { text-align: right; font-variant-numeric: tabular-nums; }
.sic-table tfoot th, .sic-table tfoot td { font-weight: 700; background: var(--primary-soft, #eef3fd); border-bottom: 0; }
.sic-muted { color: var(--text-muted, #626977); }

@media (max-width: 420px) {
    .sic-table { font-size: var(--text-ui-sm, .8125rem); }
    .sic-table th, .sic-table td { padding: .4rem .3rem; }
}

/* .alert-tool 은 display:flex 라 hidden 속성이 안 듣는다 — 숨김을 되살린다 */
.sic-alert[hidden], .sic-basis[hidden] { display: none; }