/* Simple styles for calculators */
#calculators .calculator-card {
  border-radius: 1.5rem;
  box-shadow: 0 6px 18px rgba(17,24,39,0.06);
}
#calculators label.form-label {
  font-weight: 600;
  font-size: .9rem;
}
#calculators .small {
  font-size: .9rem;
}
#calculators input.form-control {
  max-width: 100%;
}
@media (max-width: 991px) {
  #calculators .calculator-card { padding: 1.25rem; }
}

/* Range slider visual styles */
.calculator-range {
  height: 6px;
  border-radius: 999px;
  -webkit-appearance: none;
  background: linear-gradient(90deg, #f59e0b 50%, #e6e6e6 50%);
}
.calculator-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #f59e0b;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  margin-top: -6px; /* center thumb on track */
}
.calculator-range:focus { outline: none; }
.calculator-range::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #f59e0b;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* small helper to ensure compact spacing */
#calculators .form-range { padding: 0; }