/* Elenco con spunta in un cerchio pieno; <strong> iniziale opzionale in evidenza. */
@layer components {
  .check-list { display: flex; flex-direction: column; gap: 14px; }
  .check-list__item {
    display: flex; gap: 12px; align-items: flex-start;
    font-size: 15px; line-height: 1.5; letter-spacing: -0.01em; color: var(--color-ink-soft);
    & strong { font-weight: 700; color: var(--color-ink); }
  }
  .check-list__icon {
    width: 22px; height: 22px; flex: none; margin-top: 1px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: var(--color-primary); color: var(--color-on-primary);
  }
}