/**
 * @file
 * Feature list component styles.
 */

.feature-list__title {
  font-size: 32px;
  font-weight: var(--font-weight-bold);
  letter-spacing: -1.1px;
  margin-bottom: var(--space-2xl);
}

.feature-list__items {
  display: grid;
  gap: var(--grid-gap-sm);
}

.feature-list__items--2-col {
  grid-template-columns: 1fr 1fr;
}

.feature-list__items--1-col {
  grid-template-columns: 1fr;
}

.feature-list__item {
  border-radius: var(--radius-md);
  padding: 18px;
  font-size: var(--font-size-body);
  line-height: 1.6;
}

.feature-list__item--cream {
  background: var(--color-background);
}

.feature-list__item--warm {
  background: var(--color-background-warm);
}

.feature-list__item--white {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
}

@media (max-width: 768px) {
  .feature-list__title {
    font-size: var(--font-size-h2);
  }

  .feature-list__items--2-col {
    grid-template-columns: 1fr;
  }

  .feature-list__item {
    padding: var(--space-base);
    font-size: 14.5px;
  }
}