/* ─────────────────────────────────────────────────────────────────
   block-bulletpoints — quick list of benefit / guarantee points
   T3 redesign 2026-05-06: inline checkmark SVGs colored by category,
   row layout with auto-fit columns, line-height 1.6, max-width 60ch.
   FIX-T3 Wave-6 2026-05-06: empty cat default falls back to --ds-ink
   theme token; check icon sized 16-20px (var --ds-icon-sm fallback).
   WAVE-10 W10-A3 2026-05-07: align checkmark to W9-A13 ct-mark pattern
   (polyline 5,13 10,18 19,7 with currentColor stroke). Add ct-mark
   --yes scoped class so styling stays in this module — never relies
   on global mask-image rules. Prefers-reduced-motion guard.
   ───────────────────────────────────────────────────────────── */

.block-bulletpoints,
.section.block-bulletpoints.section-sm {
  padding-top: var(--ds-space-6);
  padding-bottom: var(--ds-space-6);
}
@media (min-width: 768px) {
  .block-bulletpoints,
  .section.block-bulletpoints.section-sm {
    padding-top: var(--ds-space-7);
    padding-bottom: var(--ds-space-7);
  }
}

.block-bulletpoints .bulletpoints-list {
  /* Senior-UX 2026-05-07: ≥12px row gap (--ds-space-4 = 16px). */
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--ds-space-4) var(--ds-space-5);
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.block-bulletpoints .bulletpoints-list.is-cols-2 { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.block-bulletpoints .bulletpoints-list.is-cols-3 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.block-bulletpoints .bulletpoints-list.is-cols-4 { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }

@media (max-width: 600px) {
  .block-bulletpoints .bulletpoints-list,
  .block-bulletpoints .bulletpoints-list.is-cols-2,
  .block-bulletpoints .bulletpoints-list.is-cols-3,
  .block-bulletpoints .bulletpoints-list.is-cols-4 {
    grid-template-columns: 1fr;
  }
}

.block-bulletpoints .bulletpoints-item {
  /* Senior-UX 2026-05-07: ≥48px row, ≥12px icon-text gap, 1.6 line-height. */
  --feat-cat: var(--ds-ink);
  display: flex;
  align-items: flex-start;
  gap: var(--ds-space-3, 12px);
  max-width: 60ch;
  margin: 0;
  padding: var(--ds-space-2, 8px) 0;
  min-height: var(--ds-touch-target, 48px);
  line-height: var(--ds-lh-body, 1.6);
}
.block-bulletpoints .bulletpoints-item.is-cat-cta    { --feat-cat: var(--ds-cta); }
.block-bulletpoints .bulletpoints-item.is-cat-trust  { --feat-cat: var(--ds-trust); }
.block-bulletpoints .bulletpoints-item.is-cat-accent { --feat-cat: var(--ds-accent); }
.block-bulletpoints .bulletpoints-item.is-cat-ink    { --feat-cat: var(--ds-ink); }

/* WAVE3-F04 (2026-05-08) — F-T4-02: Pattern C scheme-scoped overrides.
   The is-cat-* classes pre-date the section-scheme system and assume a paper
   background. On a colored/dark scheme they collide with their own bg
   (orange-on-rust on .scheme-accent, moss-on-moss on .scheme-trust, etc).
   Force --feat-cat to --scheme-fg (white on dark schemes) so the checkmark
   stays visible. Doctrine §90-110. */
.scheme-accent .block-bulletpoints .bulletpoints-item.is-cat-cta,
.scheme-accent .block-bulletpoints .bulletpoints-item.is-cat-accent,
.scheme-accent .block-bulletpoints .bulletpoints-item.is-cat-trust,
.scheme-accent .block-bulletpoints .bulletpoints-item.is-cat-ink,
.scheme-trust  .block-bulletpoints .bulletpoints-item.is-cat-cta,
.scheme-trust  .block-bulletpoints .bulletpoints-item.is-cat-accent,
.scheme-trust  .block-bulletpoints .bulletpoints-item.is-cat-trust,
.scheme-trust  .block-bulletpoints .bulletpoints-item.is-cat-ink,
.scheme-ink    .block-bulletpoints .bulletpoints-item.is-cat-cta,
.scheme-ink    .block-bulletpoints .bulletpoints-item.is-cat-accent,
.scheme-ink    .block-bulletpoints .bulletpoints-item.is-cat-trust,
.scheme-ink    .block-bulletpoints .bulletpoints-item.is-cat-ink,
.scheme-steel  .block-bulletpoints .bulletpoints-item.is-cat-cta,
.scheme-steel  .block-bulletpoints .bulletpoints-item.is-cat-accent,
.scheme-steel  .block-bulletpoints .bulletpoints-item.is-cat-trust,
.scheme-steel  .block-bulletpoints .bulletpoints-item.is-cat-ink {
  --feat-cat: var(--scheme-fg);
}

/* WAVE-10 W10-A3 — ct-mark pattern (matches compare-table / pricing).
   Module-scoped, currentColor stroke, no global mask-image rules. */
.block-bulletpoints .ct-mark.bulletpoints-check {
  /* Senior-UX 2026-05-07: ≥24px icon (was 20px) for older readers. */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--feat-cat);
  margin-top: 2px;
  line-height: 1;
}
.block-bulletpoints .ct-mark--yes { color: var(--feat-cat); }

/* Senior-UX 2026-05-07: scale-cap on checkmark SVGs (24px). */
.block-bulletpoints .bulletpoints-check svg {
  width: 24px;
  height: auto;
  max-width: 24px;
  max-height: 24px;
  display: block;
  object-fit: contain;
}

@media (prefers-reduced-motion: no-preference) {
  .block-bulletpoints .ct-mark--yes svg {
    transition: transform var(--ds-duration-fast, 150ms) var(--ds-ease, ease);
  }
  .block-bulletpoints .bulletpoints-item:hover .ct-mark--yes svg {
    transform: scale(1.08);
  }
}

.block-bulletpoints .bulletpoints-text {
  /* Senior-UX 2026-05-07: explicit ≥18px / 1.6 line-height (was inheriting). */
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body, 1.125rem);
  font-weight: 600;
  color: var(--scheme-fg);
  letter-spacing: 0.005em;
  line-height: var(--ds-lh-body, 1.6);
}