.cluster-selector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--space-5);
}

.cluster-card {
  position: relative;
  padding: var(--space-6);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.cluster-card:hover {
  box-shadow: var(--shadow-sm);
}

.cluster-card--selected {
  border: 2px solid var(--brand-navy-900);
}

.cluster-card__check {
  position: absolute;
  top: var(--space-4);
  right: var(--space-4);
  display: none;
  color: var(--brand-navy-900);
  font-weight: 700;
}

.cluster-card--selected .cluster-card__check {
  display: block;
}

.cluster-card__title {
  font-weight: 700;
}

.cluster-card__range {
  margin-top: var(--space-5);
  color: var(--brand-navy-700);
  font-family: var(--font-numeric);
  font-size: var(--text-h3);
  font-weight: 700;
}