/* BMI Calculator — tool-specific styles */
.unit-tabs { display: flex; gap: 8px; }
.unit-tab {
  flex: 1;
  padding: 10px 14px;
  border: 1.5px solid var(--border);
  border-radius: 8px;
  background: var(--card-bg);
  color: var(--text-muted);
  font-family: var(--font);
  font-weight: 600;
  font-size: .92rem;
  cursor: pointer;
  transition: all .15s;
}
.unit-tab.active {
  border-color: var(--primary);
  background: var(--primary-light);
  color: var(--primary);
}

.bmi-headline { text-align: center; }
.bmi-value {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 800;
  color: var(--primary-dark);
  line-height: 1.1;
}
.bmi-category { font-weight: 700; font-size: 1.1rem; margin-top: 4px; }
.bmi-category.cat-under { color: #2563eb; }
.bmi-category.cat-healthy { color: var(--success); }
.bmi-category.cat-over { color: #d97706; }
.bmi-category.cat-obese { color: var(--danger); }

.bmi-scale { margin-top: 22px; }
.scale-track {
  position: relative;
  display: flex;
  height: 12px;
  border-radius: 20px;
  overflow: visible;
}
.scale-seg { height: 100%; }
.scale-seg:first-child { border-radius: 20px 0 0 20px; }
.scale-seg:last-of-type { border-radius: 0 20px 20px 0; }
/* widths proportional to BMI 16–40 span */
.seg-under   { width: 10.4%; background: #60a5fa; }
.seg-healthy { width: 27.1%; background: #4ade80; }
.seg-over    { width: 20.8%; background: #fbbf24; }
.seg-obese   { width: 41.7%; background: #f87171; }
.scale-marker {
  position: absolute;
  top: -5px;
  width: 4px;
  height: 22px;
  background: var(--text);
  border-radius: 2px;
  transform: translateX(-50%);
  transition: left .25s ease;
}
.scale-labels {
  display: flex;
  justify-content: space-between;
  font-size: .75rem;
  color: var(--text-muted);
  margin-top: 6px;
}
.healthy-range {
  margin-top: 18px;
  padding: 12px 16px;
  background: var(--card-bg);
  border: 1px dashed var(--result-border);
  border-radius: 8px;
  text-align: center;
  font-size: .95rem;
}
.healthy-range strong { color: var(--success); }