/* features-chapters.css: one chapter per protection story. Tokens only; logical properties; reduced-motion safe. */
.fc-chapters { display: grid; gap: clamp(28px, 5vh, 56px); max-inline-size: 1180px; margin: clamp(24px, 4vh, 40px) auto 0; padding: 0; list-style: none; }
.fc-chapter {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(18px, 3vw, 36px);
  align-items: center;
  padding: clamp(20px, 3vw, 36px);
  border-radius: 24px;
  border: 1px solid color-mix(in srgb, var(--vx-silver) 18%, transparent);
  background: color-mix(in srgb, var(--vx-ink-2, var(--vx-ink)) 70%, transparent);
}
@media (min-width: 820px) {
  .fc-chapter { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
  .fc-chapter:nth-child(even) .fc-chapter-art { order: -1; }
}
.fc-chapter-k { margin: 0 0 6px; font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vx-mute, var(--text-muted)); }
.fc-chapter h3 { margin: 0 0 10px; font-size: clamp(22px, 2.6vw, 32px); line-height: 1.15; }
.fc-chapter p { margin: 0 0 12px; line-height: 1.55; color: var(--vx-mute, var(--text-muted)); max-inline-size: 60ch; }
.fc-chapter ul { margin: 0 0 14px; padding-inline-start: 1.2rem; line-height: 1.55; }
.fc-chapter li { margin-block-end: 4px; }
.fc-chapter li a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.fc-plan { display: inline-flex; align-items: center; gap: 8px; font-size: 0.85rem; padding: 6px 12px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--vx-primary) 40%, transparent); color: var(--vx-text, inherit); }
.fc-plan::before { content: ""; inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--vx-primary); }
.fc-chapter-art { display: grid; place-items: center; }
.fc-chapter-art .vlx-phone { max-inline-size: 200px; }
.fc-chapter-art .vlx-phone, .fc-chapter-art .vlx-phone:hover { transform: none; }
.fc-chapter-demo { inline-size: 100%; max-inline-size: 320px; padding: 18px; border-radius: 18px; border: 1px dashed color-mix(in srgb, var(--vx-silver) 30%, transparent); text-align: center; line-height: 1.5; }
.fc-chapter-demo strong { display: block; margin-block-end: 6px; }
@media (max-width: 480px) { .fc-chapter { padding: 18px 16px; border-radius: 18px; } }