/* 생활·집 도구 4종(도배·페인트·장판 소요량, 전기요금 누진제, 유류비·연비, 자동차세) 전용 스타일 */
/* 작은 입력 칸 묶음(방 치수·벽지 규격·단가). 560px 아래에서는 두 칸으로 접힌다 */
.lv-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}
.lv-g3 label{display:block;min-width:0}
.lv-g3 span{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:3px}
.lv-g3 input{width:100%;box-sizing:border-box;padding:6px 8px;font-size:13.5px;border-radius:8px}
/* 전기요금 구간별 막대 */
.lv-bar{margin-bottom:10px}
.lv-bar:last-child{margin-bottom:0}
.lv-bar b{display:block;font-size:13px;font-weight:700;color:var(--ink2)}
.lv-bar i{display:block;height:12px;background:var(--soft);border-radius:999px;overflow:hidden;margin:4px 0 3px}
.lv-bar i span{display:block;height:100%;background:var(--mint);border-radius:999px;min-width:3px}
.lv-bar i span.sup{background:var(--red)}
.lv-bar u{text-decoration:none;font-size:12.5px;color:var(--muted)}
/* 산식처럼 길어지는 표 칸 */
.lv-sm{font-size:12.5px;color:var(--muted);word-break:keep-all}
/* 다크에서 강조 줄 배경(노랑 35%)은 갈색이라 그 안의 muted 글자가 2.40:1 까지 떨어진다(라이트는 4.60:1 이라 그대로 둔다).
   다크의 강조 줄 안에서만 본문색으로 올려 6.08:1 로 맞춘다 */
[data-theme=dark] table.t tr.hl td .lv-sm,[data-theme=dark] table.t tr.hl td.lv-sm{color:var(--ink)}
/* 첫 칸(항목 이름)이 좁은 화면에서 한 글자씩 쪼개지지 않게 한다 */
.lv-t td:first-child,.lv-t th:first-child{white-space:nowrap}
/* 금액 칸. 좁은 화면에서 "원" 만 다음 줄로 떨어지지 않게 하고 대신 산식 칸(.lv-sm)이 줄어들게 둔다 */
.lv-t td.lv-num{white-space:nowrap}
@media(max-width:560px){.lv-g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 유류비 두 대 비교 표. 금액 칸 4개가 375px 한 화면에 들어가게 좁은 화면에서 칸 여백과 글자를 줄인다 */
@media(max-width:560px){table.lv-cmp th,table.lv-cmp td{padding:8px 5px;font-size:13px}}