/* 계산 도구 공용(2026-10-31 개발자2 - 날짜 계산기·만 나이 계산기·학점 변환기). 바탕 꼴은 /tools/tools.css(개발자3)를 그대로 쓰고 입력·결과 칸만 더한다. */
.cx-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 14px; }
.cx-tab { font-family: inherit; font-size: 15px; font-weight: 800; border: 1px solid #CED4E5; background: #fff; color: #4A4F63; border-radius: 99px; padding: 8px 14px; cursor: pointer; }
.cx-tab.on { background: #3B5BDB; border-color: #3B5BDB; color: #fff; }
.cx-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-end; margin-bottom: 10px; }
.cx-field { flex: 1 1 160px; min-width: 0; }
.cx-field label { display: block; font-size: 14px; font-weight: 800; color: #33384A; margin-bottom: 4px; }
.cx-field input, .cx-field select { width: 100%; font-family: inherit; font-size: 17px; border: 1.5px solid #CED4E5; border-radius: 12px; padding: 10px 12px; background: #fff; color: #1A1D29; }
.cx-field input:focus, .cx-field select:focus { outline: none; border-color: #3B5BDB; }
.cx-check { display: flex; gap: 6px; align-items: center; font-size: 14px; color: #4A4F63; margin: 4px 0 10px; }
.cx-result { background: #E7ECFF; border-radius: 14px; padding: 14px 16px; margin-top: 6px; }
.cx-result .big { font-size: 26px; font-weight: 800; color: #3B5BDB; font-variant-numeric: tabular-nums; word-break: keep-all; }
.cx-result .sub { font-size: 15px; color: #33384A; margin-top: 4px; word-break: keep-all; }
.cx-result.err .big { color: #E03131; font-size: 17px; }
.cx-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.cx-cell { background: #F3F5FC; border-radius: 12px; padding: 12px; text-align: center; }
.cx-cell .k { font-size: 13px; font-weight: 700; color: #4A4F63; }
.cx-cell .v { font-size: 22px; font-weight: 800; color: #1A1D29; margin-top: 2px; font-variant-numeric: tabular-nums; word-break: keep-all; overflow-wrap: anywhere; }
.cx-cell .v.sm { font-size: 18px; }
.cx-cell .s { font-size: 13px; color: #4A4F63; margin-top: 2px; word-break: keep-all; }
.cx-cell.main { background: #E7ECFF; }
.cx-cell.main .v { color: #3B5BDB; }
.cx-law { font-size: 14px; color: #33384A; background: #FFF9DB; border-radius: 12px; padding: 10px 12px; margin-top: 10px; word-break: keep-all; }
.cx-law a { color: #6B7085; }
@media (max-width: 420px) { .cx-result .big { font-size: 22px; } .cx-cell { padding: 10px 8px; } .cx-cell .v { font-size: 18px; } .cx-cell .v.sm { font-size: 15.5px; } }
/* "전체 N개 종목 보기" 줄(개발자3 exam-count.js가 숫자를 채움, 도구 화면 공통 꼴) */
.tl-allexams { display: block; margin-top: 12px; font-size: 15.5px; font-weight: 800; color: #3B5BDB; text-decoration: none; }
/* 근속별 일수 같은 작은 표(연차 계산기) - 헤더 배경+굵은 구분선, 짝수 줄 배경(PDF 표 표준과 같은 꼴) */
.cx-table { width: 100%; border-collapse: collapse; font-size: 15px; margin-top: 8px; }
.cx-table th, .cx-table td { border: 1px solid #CED4E5; padding: 8px 10px; text-align: center; word-break: keep-all; font-variant-numeric: tabular-nums; }
.cx-table thead th { background: #E7ECFF; font-weight: 800; border-bottom: 2px solid #91A7FF; }
.cx-table tbody tr:nth-child(even) td { background: #F3F5FC; }