/* 자동차 도구 2종(중고차 감가·전기차 유지비) 전용 스타일 */
/* "과세 기준 잔가율 어림" 표기. 입력 칸 맨 위(도구 제목 바로 아래)에 두어 어림값임을 먼저 알린다 */
.car-tag{display:inline-block;margin:0 0 12px;padding:5px 11px;border-radius:999px;font-size:14px;font-weight:700;
  background:color-mix(in srgb,var(--yellow) 30%,transparent);color:var(--ink)}
.car-chip{display:inline-block;margin-left:4px;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--soft);color:var(--ink2)}
/* 계산 근거 문구(참고라 경고 상자보다 한 단계 약하게, 그래도 회색 힌트보다 잘 읽히게) */
.car-basis{margin:12px 0 0;font-size:14px;line-height:1.6;color:var(--ink2)}
/* 기준일 두 개(충전요금 시행일·유가 기준일)를 결과 바로 아래에 보인다 */
.car-dates{margin:8px 0 0;padding:7px 11px;border-radius:10px;background:var(--soft);font-size:14px;color:var(--ink);word-break:keep-all}
/* 경고 상자. 본문 15px, 제목 강조색은 글자색과 섞어 라이트·다크 둘 다 대비를 지킨다 */
.car-warn{background:color-mix(in srgb,var(--red) 12%,transparent);border-left:4px solid var(--red);border-radius:12px;
  padding:12px 14px;font-size:15px;line-height:1.6;color:var(--ink)}
.car-wt{display:block;color:color-mix(in srgb,var(--red) 70%,var(--ink));font-size:16px;margin-bottom:2px}
/* 입력 소제목과 두 칸 입력 묶음. 360px 아래에서는 한 칸으로 접힌다 */
.car-h{font-size:16px;margin:18px 0 4px}
.car-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px}
.car-g2 label{display:block;min-width:0}
.car-g2 span{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:3px}
.car-g2 input{width:100%;box-sizing:border-box;padding:6px 8px;font-size:13.5px;border-radius:8px}
/* 표 금액 칸은 "원" 이 다음 줄로 떨어지지 않게 한다 */
.car-t td:first-child{word-break:keep-all}
.car-t td.car-num{white-space:nowrap;text-align:right}
.car-t th:not(:first-child){text-align:right}
@media(max-width:360px){.car-g2{grid-template-columns:1fr}}