/* savings-interest.css - 공개 도구 "예금 · 적금 이자 계산기" 조각(WEB-INF/jsp/homepage/tool/savingsInterest.jsp)의 스타일.
   뿌리 : <div class="nxt nxt-savings-interest nxt-normal nxt-light" …>
   걸리는 순서 : tool-common.css(토큰 · 2단 · 패널) → tool-parts.css(공통 부품) → 이 파일

   [이 파일에 두는 것] 이 도구만의 것뿐이다.
     ① 자유적금의 달마다 칸(스크립트가 만든다) : 좁은 칸 두 줄 격자
   [규칙] 전부 .nxt-light.nxt-savings-interest 로 범위를 한정한다. 틀 요소를 건드리지 않는다. 색은 --nxt-* 토큰만 쓴다. */

/* ============ ① 달마다 칸 ============ */
.nxt-light.nxt-savings-interest .nxt-si-months{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:300px;margin:8px 0 0;padding:2px;overflow-y:auto}
.nxt-light.nxt-savings-interest .nxt-si-month{margin:0}
.nxt-light.nxt-savings-interest .nxt-si-month>.nxt-label{margin:0 0 2px;font-size:13px;font-weight:400}
.nxt-light.nxt-savings-interest .nxt-si-month input{font-size:14px;font-weight:400}