.checklist { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.25rem 2.5rem; list-style: none; margin: 1.25rem 0 0.5rem; }
.checklist.cols-2 { grid-template-columns: repeat(2, 1fr); }
.checklist.gap-wide { gap: 0.25rem 3rem; }
.checklist.spacious { margin: 1.5rem 0 2rem; }
.checklist.single-col { grid-template-columns: 1fr; }
.checklist li { display: flex; align-items: baseline; gap: 0.6rem; padding-block: 0.65rem; border-bottom: 1px solid var(--border); font-size: 1rem; }
.checklist li svg { flex: 0 0 auto; color: var(--accent); transform: translateY(-1px); }

.checklist-section { background: color-mix(in oklch, var(--sky) 35%, var(--bg)); padding-block: 5rem; }
.checklist-section h2 { font-size: clamp(1.9rem, 3.5vw, 2.75rem); margin: 0.75rem 0 2rem; }

@media (max-width: 900px) {
  .checklist { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .checklist { grid-template-columns: 1fr; }
}