/* 건강·돌봄 도구 3종(비만도·기초대사량, 혈중알코올농도, 반려동물 나이·사료량) 전용 스타일 */
/* 작은 입력 묶음(키·몸무게·시각·계수) */
.bd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bd-grid label{display:block;min-width:0}
.bd-grid span{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:3px}
.bd-grid input{width:100%;box-sizing:border-box;padding:6px 8px;font-size:13.5px;border-radius:8px}
/* 체질량지수 눈금 막대 */
.bd-gwrap{position:relative;padding-top:6px}
.bd-gauge{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--soft)}
.bd-gauge i{display:block;height:100%}
.bd-mark{position:absolute;top:0;width:4px;height:26px;background:var(--ink);border-radius:2px;transform:translateX(-50%);box-shadow:0 0 0 2px var(--card)}
.bd-tick{position:relative;height:16px;margin-bottom:8px;font-size:11px;color:var(--muted)}
.bd-tick span{position:absolute;top:2px;transform:translateX(-50%);white-space:nowrap}
/* 안전 경고 띠(음주 도구) */
.bd-danger{background:color-mix(in srgb,var(--red) 16%,var(--card));border:1.5px solid var(--red);color:var(--ink);
  border-radius:12px;padding:11px 13px;font-size:14px;font-weight:700;line-height:1.5}
.bd-danger b{color:var(--red)}
/* 음주 기준 표. 다섯 칸을 쓰면 1280px 데스크톱의 결과 열(482px)에서도 마지막 칸이 잘린다.
   조문은 칸을 따로 두지 않고 기준·면허 처분 칸 아래 보조 줄(.bd-law)로 붙여 네 칸으로 줄였다.
   판정에 필요한 농도·추정 범위는 한 줄로 묶고, 좁은 화면에서 남는 넘침만 .tbl-wrap 의 가로 스크롤로 넘긴다 */
.bd-lawt{min-width:390px}
.bd-lawt th:first-child,.bd-lawt td:first-child{word-break:keep-all}
.bd-law{display:block;font-size:12px;font-weight:400;color:var(--muted);line-height:1.45;margin-top:2px;word-break:keep-all}
/* 다크에서 강조 줄 배경(노랑 35%)은 갈색이라 그 안의 muted 글자가 2.40:1 까지 떨어진다(라이트는 4.60:1 이라 그대로 둔다).
   다크의 강조 줄 안에서만 본문색으로 올려 6.08:1 로 맞춘다 */
[data-theme=dark] table.t tr.hl td .bd-law{color:var(--ink)}
.bd-lawt th:nth-child(2),.bd-lawt td:nth-child(2),.bd-lawt th:nth-child(3),.bd-lawt td:nth-child(3){white-space:nowrap}
/* 마신 술 줄 */
.bd-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 32px;gap:6px;align-items:center;
  padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed var(--line)}
.bd-row:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.bd-dr{min-width:0;padding:7px 8px;font-size:13.5px;border-radius:8px}
.bd-n{min-width:0;padding:7px 8px;font-size:13.5px;border-radius:8px;text-align:right}
.bd-del{width:30px;height:30px;flex:none;border:1px solid var(--line);background:var(--card);border-radius:8px;line-height:1;font-size:16px;color:var(--muted)}
.bd-del:hover{border-color:var(--red);color:var(--red)}
.bd-sub{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.bd-sub label{display:block;min-width:0}
.bd-sub span{display:block;font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:2px}
.bd-sub input{width:100%;box-sizing:border-box;padding:5px 8px;font-size:13px;border-radius:8px}
@media(max-width:420px){.bd-grid{grid-template-columns:1fr}.bd-dr,.bd-n{font-size:13px;padding:6px 8px}}