.bmi-wrapper {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}

/* Form styling */
.bmi-form label {
  font-weight: 500;
}

.bmi-form input {
  margin-top: 5px;
  padding: 20px 10px;
}

/* Style for buttons in BMI calculator */
#calc-btn,
#clear-btn {
  font-size: 16px;        /* Larger, readable text */
  padding: 10px 25px;     /* Bigger padding */
  min-width: 120px;       /* Consistent width */
  border-radius: 8px;     /* Rounded corners */
}

/* Result box */
#bmi-result {
  background: #f9f9f9;
  margin-top: 10x !important;       /* Reduce gap from gauge */
  padding: 15px;
  border-radius: 8px;
}

#bmi-value {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-bottom: 5px !important;     /* Tighten gap above gauge */
}

#bmi-range,
#healthy-weight,
#bmi-prime,
#ponderal-index {
  font-size: 15px;
  margin: 3px 0;
}