/* 20260825a: 대한민국 4대보험 입력·공식·접근성 개편. */
.tn-ins-page{--ins-paper:#faf6ee;--ins-ink:#1a1208;--ins-muted:#5a4a30;--ins-line:#b8a888;--ins-soft:#ddd4be;--ins-surface:#fffaf0;--ins-wash:#f5efdf;--ins-accent:#a64008;--ins-good:#246443;--ins-primary:#1a1208;--ins-primary-hover:#382815;--ins-primary-text:#faf6ee;--ins-secondary:#ede6d4;--ins-secondary-hover:#e2d7c0;--ins-focus:#a64008;max-width:1180px;margin:0 auto;color:var(--ins-ink)}
.tn-ins-page .tn-hero{font-family:ui-serif,Georgia,"Times New Roman","Noto Serif KR",serif;font-size:15px;line-height:1.58}
.tn-ins-tool,.tn-ins-tool *{box-sizing:border-box}.tn-ins-tool{border:1px solid var(--ins-line);background:var(--ins-paper);color:var(--ins-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif}.tn-ins-tool :is(ul,ol,li){margin:0;padding:0;list-style:none}
.tn-ins-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);border-bottom:1px solid var(--ins-line)}.tn-ins-input,.tn-ins-result{display:grid;align-content:start;gap:14px;padding:18px}.tn-ins-input{border-right:1px solid var(--ins-line)}
.tn-ins-pane-label,.tn-ins-compare-label{margin:0;color:var(--ins-muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tn-ins-band{min-width:0;margin:0;padding:12px;border:1px solid var(--ins-soft);background:var(--ins-surface)}.tn-ins-band legend{padding:0 6px;color:var(--ins-ink);font-size:12px;font-weight:800}.tn-ins-band-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tn-ins-field{display:grid;min-width:0;align-content:start;gap:5px}.tn-ins-label{color:var(--ins-ink);font-size:12px;font-weight:700}.tn-ins-control{position:relative;display:flex;align-items:center;height:36px;border:1px solid var(--ins-line);background:var(--ins-surface);outline:none}.tn-ins-control :is(input,select){flex:1 1 auto;width:100%;min-width:0;height:34px;margin:0;padding:0 10px;border:0;border-radius:0;background:transparent;color:var(--ins-ink);outline:none;-webkit-text-fill-color:var(--ins-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;font-size:14px;font-weight:600;line-height:1;font-variant-numeric:lining-nums tabular-nums}.tn-ins-control input::placeholder{color:var(--ins-ink);font-weight:400;opacity:.35}.tn-ins-control b{display:grid;min-width:36px;align-self:stretch;place-items:center;padding:0 8px;border-left:1px solid var(--ins-soft);color:var(--ins-muted);font-size:11px;font-weight:700}.tn-ins-control:has(:focus-visible){outline:2px solid var(--ins-focus);outline-offset:2px}.tn-ins-control:has([aria-invalid=true]){border-color:var(--ins-accent);box-shadow:inset 0 0 0 1px var(--ins-accent)}
.tn-ins-control--select select{padding-right:34px;cursor:pointer;-webkit-appearance:none;appearance:none}.tn-ins-control--select::after{position:absolute;right:13px;width:7px;height:7px;border-right:2px solid var(--ins-muted);border-bottom:2px solid var(--ins-muted);content:"";pointer-events:none;transform:translateY(-2px) rotate(45deg)}
.tn-ins-hint{min-height:32px;color:var(--ins-muted);font-size:11px;line-height:1.45}.tn-ins-chips{display:flex;flex-wrap:wrap;gap:5px}.tn-ins-chip{min-height:28px;padding:0 8px;border:1px solid var(--ins-soft);border-radius:0;background:var(--ins-secondary);color:var(--ins-ink);-webkit-text-fill-color:var(--ins-ink);outline:none;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer}.tn-ins-chip:hover{border-color:var(--ins-accent);background:var(--ins-secondary-hover)}.tn-ins-chip[aria-pressed=true]{border-color:var(--ins-accent);box-shadow:inset 0 -2px var(--ins-accent);font-weight:800}.tn-ins-chip:focus-visible{outline:2px solid var(--ins-focus);outline-offset:2px}
.tn-ins-assessable-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 11px;border:1px solid var(--ins-soft);background:var(--ins-wash)}.tn-ins-assessable-strip>span{display:grid;gap:2px}.tn-ins-assessable-strip b{font-size:11px}.tn-ins-assessable-strip small{color:var(--ins-muted);font-size:10px}.tn-ins-assessable-strip output{white-space:nowrap;font-size:17px;font-weight:800;font-variant-numeric:lining-nums tabular-nums}
.tn-ins-command{display:grid;gap:10px}.tn-ins-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tn-ins-btn{display:grid;min-height:36px;place-items:center;margin:0;padding:7px 8px;border:1px solid var(--ins-line);border-radius:0;background:var(--ins-secondary);color:var(--ins-ink);-webkit-text-fill-color:var(--ins-ink);outline:none;font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer}.tn-ins-btn--primary{border-color:var(--ins-primary);background:var(--ins-primary);color:var(--ins-primary-text);-webkit-text-fill-color:var(--ins-primary-text)}.tn-ins-btn--primary:hover{border-color:var(--ins-primary-hover);background:var(--ins-primary-hover)}.tn-ins-btn--secondary:hover{border-color:var(--ins-accent);background:var(--ins-secondary-hover)}.tn-ins-btn:disabled,.tn-ins-btn:disabled:hover{opacity:.45;outline:none;cursor:not-allowed}.tn-ins-btn:focus-visible{outline:2px solid var(--ins-focus);outline-offset:2px}.tn-ins-status,.tn-ins-disclaimer{margin:0;padding:10px 12px;border:1px solid var(--ins-soft);background:var(--ins-surface);color:var(--ins-muted);font-size:11px;line-height:1.55}.tn-ins-status[data-state=error]{border-style:dashed;border-color:var(--ins-accent);color:var(--ins-accent);font-weight:700}.tn-ins-status[data-state=success]{border-style:double;border-color:var(--ins-good);color:var(--ins-good);font-weight:700}
.ins-empty-shell{display:grid;gap:9px;padding:18px;border:1px dashed var(--ins-line);background:var(--ins-surface);text-align:center}.ins-empty-shell>strong{font-size:13px}.ins-empty-shell>p{margin:0;color:var(--ins-muted);font-size:11px;line-height:1.5}.ins-empty-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ins-empty-summary span{display:grid;min-height:42px;place-items:center;border:1px solid var(--ins-soft);background:var(--ins-wash);color:var(--ins-muted);font-weight:800}
.ins-assumption-strip{display:grid;gap:8px;padding:10px;border:1px solid var(--ins-soft);background:var(--ins-wash)}.ins-assumption-title{color:var(--ins-muted);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.ins-assumption-strip dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.ins-assumption-strip dl>div{display:grid;gap:3px;min-width:0}.ins-assumption-strip dt{color:var(--ins-muted);font-size:10px;font-weight:700}.ins-assumption-strip dd{min-width:0;margin:0;font-size:11px;font-weight:800;line-height:1.35;font-variant-numeric:lining-nums tabular-nums;overflow-wrap:anywhere}
.ins-summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ins-card{display:grid;min-width:0;gap:4px;padding:11px;border:1px solid var(--ins-soft);background:var(--ins-surface)}.ins-card-label{color:var(--ins-muted);font-size:10px;font-weight:800}.ins-card strong{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;font-size:clamp(16px,2vw,25px);font-weight:800;line-height:1.15;font-variant-numeric:lining-nums tabular-nums;overflow-wrap:anywhere}.ins-card em{color:var(--ins-muted);font-size:9px;font-style:normal;line-height:1.35}
.ins-bar{display:flex;height:8px;overflow:hidden;border:1px solid var(--ins-line);background:var(--ins-wash)}.ins-bar-worker{background:var(--ins-accent)}.ins-bar-employer{background:var(--ins-muted)}
.ins-ledgers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ins-section{min-width:0}.ins-section h3{margin:0;padding:8px 10px;border:1px solid var(--ins-soft);border-bottom:0;background:var(--ins-wash);font-size:11px;font-weight:800}.ins-rows{border:1px solid var(--ins-soft)}.ins-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(72px,auto) minmax(74px,auto);align-items:center;gap:7px;padding:8px 9px;border-bottom:1px solid var(--ins-soft);font-size:10px}.ins-row:last-child{border-bottom:0;background:var(--ins-wash);font-weight:800}.ins-row-name{min-width:0;font-weight:700;line-height:1.35}.ins-row-rate{color:var(--ins-muted);line-height:1.35;text-align:right}.ins-row-amount{text-align:right;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;font-size:11px;font-weight:800;font-variant-numeric:lining-nums tabular-nums}
.ins-grand{display:grid;gap:4px;padding:13px;border:1px solid var(--ins-line);background:var(--ins-wash);text-align:center}.ins-grand>span{color:var(--ins-muted);font-size:11px;font-weight:700}.ins-grand>strong{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;font-size:clamp(21px,3vw,31px);font-weight:800;font-variant-numeric:lining-nums tabular-nums}.ins-grand>em{color:var(--ins-muted);font-size:10px;font-style:normal}.tn-ins-result #ins_result_area{display:grid;gap:12px}
.tn-ins-compare{padding:18px}.tn-ins-compare-label{margin-bottom:10px}.ins-comparison-empty{margin:0;padding:14px;border:1px dashed var(--ins-soft);background:var(--ins-surface);color:var(--ins-muted);font-size:11px;text-align:center}.tn-ins-table{width:100%;border-collapse:collapse;font-size:11px}.tn-ins-table caption{padding:0 0 9px;color:var(--ins-muted);font-size:10px;line-height:1.5;text-align:left;caption-side:top}.tn-ins-table th,.tn-ins-table td{padding:8px;border:1px solid var(--ins-soft);text-align:right;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;font-weight:800;font-variant-numeric:lining-nums tabular-nums}.tn-ins-table thead th{background:var(--ins-wash);font-weight:800}.tn-ins-table th:first-child{text-align:left}.tn-ins-table tbody th{background:var(--ins-surface);font-weight:800}.tn-ins-table tr.is-current :is(th,td){box-shadow:inset 0 -2px var(--ins-accent)}
body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-ins-page{--ins-paper:#241d12;--ins-ink:#efe6d2;--ins-muted:#c3b492;--ins-line:#6f6047;--ins-soft:#574a37;--ins-surface:#322a1a;--ins-wash:#2c2517;--ins-accent:#e8823f;--ins-good:#78bc91;--ins-focus:#f0a56f;--ins-primary:#6a3b1f;--ins-primary-hover:#824826;--ins-primary-text:#f7ead1;--ins-secondary:#2f2115;--ins-secondary-hover:#3a2a1b}
body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-ins-control :is(input,select){color:var(--ins-ink);-webkit-text-fill-color:var(--ins-ink)}
body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-ins-btn--primary{border-color:#826744;background:#6a3b1f;color:#f7ead1;-webkit-text-fill-color:#f7ead1}
body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-ins-btn--primary:hover{border-color:#826744;background:#824826;color:#f7ead1;-webkit-text-fill-color:#f7ead1}
body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-ins-btn--secondary{border-color:#826744;background:#2f2115;color:#f7ead1;-webkit-text-fill-color:#f7ead1}
body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-ins-btn--secondary:hover{border-color:#826744;background:#3a2a1b;color:#f7ead1;-webkit-text-fill-color:#f7ead1}
@media(max-width:900px) and (min-width:721px){.ins-assumption-strip dl{grid-template-columns:repeat(2,minmax(0,1fr))}.ins-ledgers{grid-template-columns:1fr}.ins-row{grid-template-columns:minmax(0,1fr) minmax(100px,auto) minmax(88px,auto)}}
@media(max-width:720px){.tn-ins-page{margin-inline:5px}.tn-ins-grid{grid-template-columns:1fr}.tn-ins-input{order:1;border-right:0;border-bottom:1px solid var(--ins-line)}.tn-ins-result{order:2}.tn-ins-input,.tn-ins-result,.tn-ins-compare{padding:13px}.ins-ledgers{grid-template-columns:1fr}.ins-assumption-strip dl{grid-template-columns:repeat(2,minmax(0,1fr))}.tn-ins-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.tn-ins-table,.tn-ins-table tbody{display:block}.tn-ins-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px;border:1px solid var(--ins-soft)}.tn-ins-table :is(th,td){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border:0;border-bottom:1px solid var(--ins-soft);text-align:right}.tn-ins-table tbody th{grid-column:1/-1;text-align:right}.tn-ins-table :is(th,td)::before{content:attr(data-th);color:var(--ins-muted);text-align:left;font-weight:700}.tn-ins-table tr :is(th,td):last-child{border-bottom:0}}
@media(max-width:480px){.tn-ins-band-grid{grid-template-columns:1fr}.tn-ins-hint{min-height:0}.tn-ins-actions{gap:5px}.tn-ins-btn{padding-inline:4px;font-size:11px}.ins-card{padding:8px 6px}.ins-card strong{font-size:clamp(13px,4vw,17px)}.ins-card em{font-size:8px}.ins-row{grid-template-columns:minmax(0,1fr) minmax(70px,auto) minmax(70px,auto);gap:5px;padding-inline:7px}}
