/* _features.css | short points with an icon: a row, small cards, a checklist */

.features { margin-top: 2rem; }
.features__title { font-family: var(--font-ui); font-weight: 500; margin-bottom: 0.75rem; color: var(--color-neutral-800); }
.features__list { list-style: none; display: grid; gap: 0.75rem; }
.features__item { display: flex; align-items: center; gap: 0.6rem; color: var(--color-neutral-700); }
.features__item svg { width: 1.4rem; height: 1.4rem; flex: none; color: var(--color-primary-700); }

.features--row .features__list { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 1.25rem; }
.features--row .features__item { flex-direction: column; align-items: flex-start; font-size: 0.95rem; }

.features--cards .features__list { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }
.features--cards .features__item { padding: 1rem; border: 1px solid var(--color-neutral-200); border-radius: var(--radius); background: var(--color-surface); }

.features--checklist .features__item::before { content: '✓'; color: var(--color-primary-700); font-weight: 600; }

.block--section-bg-dark .features__title,
.block--section-bg-dark .features--row .features__item,
.block--section-bg-dark .features--checklist .features__item { color: var(--color-on-primary); }