/* Б-25 Кому подходит, элемент b-fit__roles — роли и что каждый увидит на демонстрации («Демонстрация»). Источник: пакет A задачи 6.4 */

.b-fit__roles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: var(--space-gutter);
  list-style: none;
}

.b-fit__role {
  display: grid;
  align-content: start;
  gap: var(--space-2);
  padding: var(--space-5);
  border-top: 3px solid var(--color-accent);
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  background: var(--color-surface);
}

.b-fit__role-name {
  font-size: var(--fs-h4);
}

.b-fit__role-text {
  color: var(--color-text-muted);
  font-size: var(--fs-small);
}

.b-fit__team {
  margin-top: var(--space-5);
  font-weight: var(--font-weight-semibold);
}