.anatomy-filter-container .compact-svg svg {
  width: 100%;
  height: auto;
  max-height: 220px;
}

/* Muscle groups should be white (currentColor) by default */
.anatomy-filter-container .compact-svg .bodymap {
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  /* Keep white/currentColor for muscles */
  color: currentColor;
}

.anatomy-filter-container .compact-svg .bodymap:hover {
  color: #ef4444 !important;
  fill: #ef4444 !important;
  filter: drop-shadow(0 0 8px rgba(239, 68, 68, 0.8));
}

.anatomy-filter-container .compact-svg .bodymap.active,
.anatomy-filter-container .compact-svg .bodymap.active * {
  fill: #ef4444 !important;
  stroke: #ef4444 !important;
  filter: drop-shadow(0 0 10px rgba(239, 68, 68, 0.9));
}

/* Body outline/silhouette - non-interactive gray strokes */
.anatomy-filter-container .compact-svg .body-map__model {
  stroke: var(--color-body-stroke);
  stroke-width: 2;
  fill: none;
  pointer-events: none;
}

/* Joint connectors - keep hidden */
.anatomy-filter-container .compact-svg .joint-connectors {
  display: none;
}

.anatomy-compact:not(.hidden) {
  display: flex;
  justify-content: center;
  align-items: center;
}