/* age-calculator.css - 공개 도구 "만 나이 계산기" 조각(WEB-INF/jsp/homepage/tool/ageCalculator.jsp)의 스타일.
   2026.10.14 도구 개편 : P1 계산형 뼈대로 옮겼다(본보기는 loan-calculator.css).

   뿌리 : <div class="nxt nxt-age-calculator nxt-normal nxt-light" …>
   걸리는 순서 : tool-common.css(토큰 · 2단 · 패널) → tool-parts.css(공통 부품) → 이 파일
                 (tool-calc.css · sols-tool-guide.css 는 걸지 않는다)

   [이 파일에 두는 것] 이 도구만의 것뿐이다. 입력칸 · 접이식 · 결과 영역 · 상세 행 · 토스트 · 안내 본문의 모양은 tool-parts.css 가 정한다 - 여기 다시 적지 않는다.
     ① 법적 연령 목록(ul.nxt-checks) - 시안 renewal.css ④ 만 나이 그대로
     (안내 본문 안의 글 표는 tool-parts.css ③-9 의 .nxt-guide .nxt-table 로 올라갔다 - 2026.10.15)
   [지운 것] 옛 규칙 전부 : .base-toggle · .base-field · .leap-note, .birth-line · .lunar-tag(밑줄), .result-grid · .result-card,
     .detail-table · .detail-row, .zodiac-row · .zodiac-chip, .legal-box · .legal-item · .legal-tag, #birthLine 의 .show 를 보고 바꾸던 빈 상태 규칙.
   [규칙] 전부 .nxt-light.nxt-age-calculator 로 범위를 한정한다. 틀 요소(.bbs-*, body, main)를 건드리지 않는다. 색은 --nxt-* 토큰만 쓴다.
   [명도 대비] 흰 패널 위 : 글자 17.9 · -2 10.4 · -3 7.6 · 가능 표시(--nxt-ok) 5.5 (아이콘 - 옆에 글자 "가능" · "아직 아님"이 함께 있다) */

/* ============ ① 법적 연령 목록 ============ */
/* <ul class="nxt-checks"><li><span>투표권 행사 <small>(만 18세 이상)</small></span>
     <span class="nxt-yes"><i class="bi bi-check-circle-fill" aria-hidden="true"></i>가능</span></li> …
   아닌 줄 : <span class="nxt-no"><i class="bi bi-dash-circle" aria-hidden="true"></i>아직 아님</span>
   색만으로 알리지 않는다 - 아이콘 모양과 글자가 함께 바뀐다 */
.nxt-light.nxt-age-calculator .nxt-checks{margin:0;padding:0;list-style:none}
.nxt-light.nxt-age-calculator .nxt-checks>li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:6px 0;border-top:1px solid var(--nxt-line);font-size:14px;color:var(--nxt-text-2)}
.nxt-light.nxt-age-calculator .nxt-checks>li:first-child{border-top:0}
.nxt-light.nxt-age-calculator .nxt-checks small{font-size:13px;color:var(--nxt-text-3)}
.nxt-light.nxt-age-calculator .nxt-yes,
.nxt-light.nxt-age-calculator .nxt-no{flex:none;display:inline-flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap;color:var(--nxt-text)}
.nxt-light.nxt-age-calculator .nxt-yes>.bi{color:var(--nxt-ok)}
.nxt-light.nxt-age-calculator .nxt-no>.bi{color:var(--nxt-text-3)}