/**
 * Ionis Contact Grid component styles
 */
.ionis-contact-grid__items {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}

/* Two columns once the grid itself is wide enough (container, not viewport,
   so it also works inside narrower section columns). */
.ionis-contact-grid {
  container-type: inline-size;
}

@container (min-width: 640px) {
  .ionis-contact-grid__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}