.bmi-ftin { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; }
.bmi-scale { position: relative; display: grid; grid-template-columns: 18.5fr 6.5fr 5fr 10fr; height: 12px; border-radius: 99px; overflow: hidden; margin: 18px 0 6px; }
.bmi-scale span:nth-child(1) { background: #7fb3d9; }
.bmi-scale span:nth-child(2) { background: #3c9a5f; }
.bmi-scale span:nth-child(3) { background: #e0a43a; }
.bmi-scale span:nth-child(4) { background: #c4473f; }
.bmi-marker { position: relative; height: 0; }
.bmi-marker i { position: absolute; top: -26px; width: 4px; height: 20px; margin-left: -2px; background: var(--ink); border-radius: 2px; box-shadow: 0 0 0 2px #fff; }
.bmi-labels { display: grid; grid-template-columns: 18.5fr 6.5fr 5fr 10fr; font-size: .75rem; color: var(--muted); }