.benefit {
  background: var(--color-surface);
  border-radius: var(--radius);
  padding: 1.25rem;
}
.section-body:has(.benefit) { grid-template-columns: 1fr; }
@media (min-width: 768px) {
  .section .section-body:has(.benefit) { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
  .section .section-body:has(.benefit) { grid-template-columns: 1fr 1fr 1fr; }
}