/* BMI 계산기 전용 CSS (2026-10-07). 2패널 계산형(BMR 계산기와 같은 골격) + 구간 눈금 + 아래 구간별 몸무게 표. 공용 부품은 assets/v2.css */
.bi-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.bi-in{padding:16px 18px 18px;min-width:0}
.bi-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.bi-fields .full{grid-column:1 / -1}
.bi-seg{margin-top:6px;display:flex;flex-wrap:nowrap}
.bi-seg button{flex:1 1 0;min-width:0;height:var(--v2-ctl,42px);padding:0 6px;font-family:var(--sans);font-size:13px;font-weight:700;white-space:nowrap}
.bi-ftin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
#biFtLabel{display:block;margin:0 0 5px} /* 공용 .v2-f > label 과 같은 자리(span 라벨) */
.bi-ftin .v2-input input{padding:0 6px}
.bi-ftin .v2-input b{min-width:0;padding:0 6px}
.bi-help{margin:12px 0 0;font-family:var(--sans);font-size:12.5px;line-height:1.6;color:var(--muted)}
.bi-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:14px}
.bi-out{padding:16px 18px 18px;min-width:0;border-left:1px solid var(--soft);display:flex;flex-direction:column}
.bi-out > .v2-label{display:block;margin-bottom:6px}
.bi-out .v2-big small{font-family:var(--sans);font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.01em} /* 구간 이름이 답이라 숫자 옆에 진하게 */
.bi-out .v2-formula{white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.bi-scale{position:relative;margin:14px 0 0}
.bi-scale i{display:block;position:relative;height:8px}
.bi-scale i b{position:absolute;top:0;height:100%;box-sizing:border-box;border-right:2px solid transparent;background:var(--line);background-clip:padding-box} /* 구간 사이 틈은 투명 테두리(눈금 위치가 정확히 맞게) */
.bi-scale i b:last-child{border-right:0}
.bi-scale i b.is-ok::after,.bi-scale i b.is-cur::after{content:"";position:absolute;inset:0;border-radius:inherit} /* 색은 덧칠로(투명 틈 유지) — 라이트·다크 모두 구간이 보이게 */
.bi-scale i b.is-ok::after{background:var(--muted);opacity:.45}
.bi-scale i b.is-cur::after{background:var(--accent);opacity:.32}
.bi-mark{position:absolute;top:-4px;width:3px;height:16px;margin-left:-1.5px;border-radius:2px;background:var(--accent);transition:left 240ms ease}
.bi-ticks{position:relative;height:16px;margin-top:4px}
.bi-ticks span{position:absolute;top:0;transform:translateX(-50%);font-family:var(--mono);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.bi-rows{margin-top:12px}
.bi-rows li span em{display:block;font-style:normal;font-size:11.5px;color:var(--muted)}
.bi-rows li b{white-space:nowrap;text-align:right}
.bi-rows li b.is-muted{white-space:normal;font-weight:600;color:var(--muted)}
.bi-caveat{margin:10px 0 0;font-family:var(--sans);font-size:12px;line-height:1.55;color:var(--muted)}
.bi-foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px solid var(--soft)}
.bi-caveat + .bi-foot{margin-top:14px}
.bi-foot .v2-status{margin-left:auto}
.v2-big.is-empty span{font-size:18px;font-weight:600;color:var(--muted)}
.bi-cmp{padding:14px 18px 18px;border-top:1px solid var(--soft)}
.bi-cmp > .v2-label{display:block;margin-bottom:8px}
.bi-cmp .tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.bi-table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:13px;font-variant-numeric:tabular-nums}
.bi-table th,.bi-table td{padding:7px 8px;border-top:1px solid var(--soft);text-align:left;white-space:nowrap}
.bi-table thead th{font-size:11.5px;font-weight:700;color:var(--muted);border-top:0}
.bi-table tbody th{font-weight:600}
.bi-table .n{text-align:right}
.bi-table tr.is-cur th,.bi-table tr.is-cur td{background:var(--accent-wash);color:var(--ink)}
.bi-note{margin:8px 0 0;font-family:var(--sans);font-size:12px;line-height:1.55;color:var(--muted)}
@media (max-width:720px){
  .bi-grid{grid-template-columns:minmax(0,1fr)}
  .bi-out{order:-1;border-left:0;border-bottom:1px solid var(--soft)}
}
@media (max-width:420px){
  .bi-in,.bi-out,.bi-cmp{padding-left:12px;padding-right:12px}
  .bi-table th,.bi-table td{padding:7px 5px}
}
@container v2in (max-width:300px){ .bi-fields{grid-template-columns:minmax(0,1fr)} }