/* ─────────────────────────────────────────────────────────────────
   block-features-list — COMPACT vertical list (W10-A7 unified 2026-05-07)
   - Single-column 6–12 items, icon + 1-line title (+ optional 1-line text)
   - No per-item CTA — light proof-strip feel
   - Default icon: --ds-trust  |  Hover icon: --ds-cta
   - prefers-reduced-motion guard
   ───────────────────────────────────────────────────────────── */

.block-features-list .features-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.block-features-list .features-list-item-wrapper {
  display: block;
  list-style: none;
}

.block-features-list .features-list-link {
  text-decoration: none;
  color: inherit;
  display: block;
  outline: none;
  border-radius: var(--ds-radius, 8px);
}

.block-features-list .features-list-item {
  --feat-default: var(--ds-trust);
  --feat-hover:   var(--ds-cta);
  --feat-cat:     var(--feat-default);
  display: flex;
  align-items: flex-start;
  gap: var(--ds-space-4, 16px);
  /* Senior-UX 2026-05-07: ≥12px vertical gap between items, ≥48px tap row */
  padding: var(--ds-space-4, 16px) var(--ds-space-1, 4px);
  border-bottom: 1px solid var(--scheme-rule, rgba(0,0,0,0.08));
  transition: background 150ms var(--ds-ease, ease-out);
  min-height: var(--ds-touch-target, 48px);
}

.block-features-list .features-list-item-wrapper:last-child .features-list-item { border-bottom: none; }

.block-features-list .features-list-item.is-cat-cta    { --feat-default: var(--ds-cta);    --feat-hover: var(--ds-cta-dk, var(--ds-cta)); }
.block-features-list .features-list-item.is-cat-trust  { --feat-default: var(--ds-trust);  --feat-hover: var(--ds-cta); }
.block-features-list .features-list-item.is-cat-accent { --feat-default: var(--ds-accent); --feat-hover: var(--ds-cta); }
.block-features-list .features-list-item.is-cat-ink    { --feat-default: var(--ds-ink);    --feat-hover: var(--ds-cta); }

.block-features-list .features-list-link:hover .features-list-item,
.block-features-list .features-list-link:focus-visible .features-list-item {
  background: color-mix(in srgb, var(--feat-hover) 6%, transparent);
}

.block-features-list .features-list-link:focus-visible {
  /* Senior-UX 2026-05-07: high-contrast token-driven focus ring. */
  outline: none;
  box-shadow: var(--ds-focus-ring);
}

.block-features-list .features-list-icon {
  /* Senior-UX 2026-05-07: 32px icon target slot, 24px+ glyph */
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--feat-cat);
  transition: color 150ms var(--ds-ease, ease-out),
              transform 150ms var(--ds-ease, ease-out);
}

.block-features-list .features-list-link:hover .features-list-icon,
.block-features-list .features-list-link:focus-visible .features-list-icon,
.block-features-list .features-list-item:hover .features-list-icon {
  color: var(--feat-hover);
  transform: scale(1.06);
}

.block-features-list .features-list-icon img,
.block-features-list .features-list-icon svg {
  /* Senior-UX 2026-05-07: 28px glyph for 45-70+ readers (was 24px) */
  width: 28px;
  height: 28px;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  color: inherit;
  fill: none;
  stroke: currentColor;
  transition: color 150ms var(--ds-ease, ease-out);
}

.block-features-list .is-icon-solid .features-list-icon svg,
.block-features-list .is-icon-duotone .features-list-icon svg { fill: currentColor; stroke: none; }

.block-features-list .features-list-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: var(--ds-space-2, 6px);
  max-width: 70ch;
}

.block-features-list .features-list-title {
  /* Senior-UX 2026-05-07: humanist sans (DM Sans), sentence-case, 1.125rem (18px),
     line-height 1.5. Anton-uppercase fails word-shape recognition for older readers
     in body-list contexts (h3/h4 floor). */
  display: block;
  font-family: var(--ds-font-body, 'DM Sans', sans-serif);
  font-weight: 700;
  font-size: var(--ds-fs-body, 1.125rem);
  letter-spacing: 0;
  text-transform: none;
  color: var(--scheme-fg, var(--ds-ink, #0e0f0c));
  line-height: 1.4;
  transition: color 150ms var(--ds-ease, ease-out);
}

.block-features-list .features-list-link:hover .features-list-title,
.block-features-list .features-list-link:focus-visible .features-list-title,
.block-features-list .features-list-item:hover .features-list-title { color: var(--feat-hover); }

.block-features-list .features-list-text {
  /* Senior-UX 2026-05-07: ≥18px body, 1.6 line-height (was 0.9375rem/15px). */
  font-family: var(--ds-font-body, 'DM Sans', sans-serif);
  font-size: var(--ds-fs-body, 1.125rem);
  line-height: var(--ds-lh-body, 1.6);
  color: var(--scheme-fg-soft, color-mix(in srgb, var(--ds-ink, #0e0f0c) 70%, transparent));
  margin: 0;
}

@media (prefers-reduced-motion: reduce) {
  .block-features-list .features-list-item,
  .block-features-list .features-list-icon,
  .block-features-list .features-list-icon svg,
  .block-features-list .features-list-title {
    transition: none !important;
  }
  .block-features-list .features-list-link:hover .features-list-icon,
  .block-features-list .features-list-link:focus-visible .features-list-icon,
  .block-features-list .features-list-item:hover .features-list-icon { transform: none; }
}