/* ─────────────────────────────────────────────────────────────────
   block-bulletpoints — quick list of benefit / guarantee points
   Check-circle markers come from .has-list-checked / .ds-checks
   in design-system.css. This module only handles the row layout
   (3-up at lg breakpoint) and centered alignment.
   ───────────────────────────────────────────────────────────── */

.block-bulletpoints .bulletpoints-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Override .has-list-checked default per-li padding so list items can
   sit in the row grid (col-lg-4) without losing the check circle's
   left offset. The check ::before is positioned absolutely from the
   li, which is the correct anchor regardless of column width. */

.block-bulletpoints .bulletpoints-list > li > strong {
  font-family: var(--ds-font-body);
  font-weight: 600;
  color: var(--scheme-fg);
  letter-spacing: 0.005em;
}

@media (min-width: 992px) {
  .block-bulletpoints .bulletpoints-list > li.text-lg-center {
    text-align: center;
  }
}