/* Shared highlight section primitives. */

.highlights {
  background: #f5f5f5;
  color: #111;
}

.highlights__grid {
  display: grid;
  gap: clamp(16px, 2vw, 28px);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.highlights__item {
  background: #fff;
  border: 1px solid #e0e0e0;
  padding: clamp(16px, 2vw, 24px);
}

.highlights__title {
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 700;
  margin-bottom: 10px;
}

.highlights__text {
  color: #616161;
  line-height: 1.5;
}