/* 날짜·만 나이 계산기와 영업일·근무일 계산기 전용 스타일. 색은 app.css 의 CSS 변수만 쓴다(다크 테마 자동 대응) */
/* 산식·근거 줄 */
.dw-why{border-top:1px solid var(--line);padding-top:10px}
.dw-why p{display:flex;gap:8px;margin:0 0 6px;font-size:13px;line-height:1.55}
.dw-why p:last-child{margin-bottom:0}
.dw-why b{flex:none;width:64px;color:var(--muted);font-weight:700}
.dw-why span{flex:1;min-width:0;color:var(--ink2);overflow-wrap:anywhere}
/* 숫자 + 단위 두 칸 */
.dw-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}
.dw-two>div{min-width:0}
/* 회사 휴무일 더하기 */
.dw-add{display:flex;gap:6px;align-items:center}
.dw-add input{min-width:0;flex:1}
.dw-add button{flex:none}
.dw-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.dw-chip{border:1px solid var(--line);background:var(--card);color:var(--ink2);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;white-space:nowrap}
.dw-chip:hover{border-color:var(--red);color:var(--red)}
.dw-tag{font-size:12.5px;font-weight:700;color:var(--ink2);background:var(--soft);border-radius:999px;padding:3px 10px;white-space:nowrap}
/* 공휴일 목록 */
.dw-list{display:grid;gap:2px}
/* 범위가 두 해에 걸칠 때만 나오는 연도 소제목 */
.dw-yr{margin:10px 0 0;font-size:12.5px;font-weight:700;color:var(--muted)}
.dw-yr:first-child{margin-top:0}
.dw-h{display:flex;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid var(--line);font-size:14px;cursor:pointer}
.dw-h:last-child{border-bottom:0}
.dw-h input{width:16px;height:16px;flex:none;margin:0;padding:0}
.dw-h b{flex:none;width:68px;font-weight:700;white-space:nowrap}
.dw-dow{flex:none;width:18px;color:var(--muted);font-size:12.5px;text-align:center}
.dw-nm{flex:1;min-width:0;color:var(--ink2);overflow-wrap:anywhere}
.dw-kd{flex:none;font-size:11.5px;font-weight:700;color:var(--muted);background:var(--soft);border-radius:999px;padding:2px 8px;white-space:nowrap}
@media(max-width:420px){
  .dw-why b{width:52px}
  .dw-h{font-size:13.5px;gap:6px}
  .dw-h b{width:64px}
  .dw-kd{font-size:11px;padding:2px 6px}
}