/*
 * Feature list - checklist met groen vinkje, titel + toelichting.
 * Herbruikbaar in tekstblokken (bv. aanpak van een dienst).
 */

.feature-list {
  display:    grid;
  gap:        var(--space-4);
  margin:     var(--space-8) 0 0;
  padding:    0;
  list-style: none;
}

.feature-list__item {
  display:     flex;
  gap:         var(--space-4);
  align-items: flex-start;
}

.feature-list__check {
  display:         flex;
  align-items:     center;
  justify-content: center;
  width:           26px;
  height:          26px;
  margin-top:      2px;
  flex-shrink:     0;
  border-radius:   var(--radius-full);
  background:      var(--color-bg-accent-soft);
  color:           var(--color-accent);
}

.feature-list__check svg {
  width:  14px;
  height: 14px;
}

.feature-list__title {
  display:       block;
  margin-bottom: 2px;
  font-size:     var(--text-base);
  font-weight:   var(--font-bold);
  color:         var(--color-text-heading);
}

.feature-list__text {
  font-size:   var(--text-sm);
  line-height: 1.55;
  color:       var(--color-text-meta);
}