/* Override the theme's global views card-grid (which puts rows 3-per-row) so
   that a view using the two-column row format keeps full-width rows, each split
   into its own left/right columns. */
.views-element-container > div[class*="js-view-dom-id"]:has(> .views-row > .two-col-row) {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4, 1.5rem);
}

.views-element-container > div[class*="js-view-dom-id"] > .views-row > .two-col-row {
  display: grid;
  grid-template-columns: minmax(0, 30%) 1fr;
  gap: var(--space-4, 1.5rem);
}

.views-element-container > div[class*="js-view-dom-id"] > .views-row {
  border-bottom: 1px solid var(--color-border, #d8d8d8);
  padding-bottom: var(--space-4, 1.5rem);
  margin-bottom: var(--space-4, 1.5rem);
}

.views-element-container > div[class*="js-view-dom-id"] > .views-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media (max-width: 599px) {
  .views-element-container > div[class*="js-view-dom-id"] > .views-row > .two-col-row {
    grid-template-columns: 1fr;
  }
}