.action-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.action-grid > .action-card { grid-column: span 2; }
.action-grid > .action-card:nth-child(4), .action-grid > .action-card:nth-child(5) { grid-column: span 3; }
.action-card.contact-action { width: 100%; font: inherit; color: var(--ink); text-align: left; cursor: pointer; }
@media (max-width: 760px) {
  .action-grid { grid-template-columns: 1fr; }
  .action-grid > .action-card, .action-grid > .action-card:nth-child(4), .action-grid > .action-card:nth-child(5) { grid-column: auto; }
}