/* Custom styles for interactive controls */
.clinical-card:has(input:checked) {
  border-color: #2563eb;
  background-color: #eff6ff;
}

input[type=range] {
  height: 6px;
  border-radius: 9999px;
}

input[type=range]::-webkit-slider-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.tab-btn.active {
  background-color: #ffffff;
  color: #1d4ed8;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}