.category-hero {
  border-radius: var(--radius-xl);
  border: 1px solid #cfe0ff;
  background:
    radial-gradient(300px 150px at 95% 10%, rgba(3, 166, 161, 0.18), transparent 70%),
    linear-gradient(135deg, #ffffff 0%, #f2f8ff 100%);
}

.category-hero .card-top-image {
  height: 210px;
  border-radius: 0.85rem;
  border: 1px solid #dbe8ff;
}

.person-mini-card {
  border-radius: 1rem;
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.person-mini-card:hover {
  transform: translateY(-4px);
}

.person-mini-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #dbe8ff;
}