/**
 * @file
 * Styles for views.
 */

.view,
.view-content {
  display: grid;
  gap: var(--sp2);
  grid-template-rows: max-content;

  @media (min-width: 43.75rem) {
    gap: var(--sp3);
  }
}

/* Keep the responsive grid as the only grid responsible for front page rows. */
.path-frontpage .view-frontpage {
  display: flex;
  flex-direction: column;
}

.path-frontpage .view-frontpage > .view-content {
  display: block;
}

.path-frontpage .views-view-responsive-grid--horizontal {
  grid-auto-rows: 1fr;
}

.path-frontpage .views-view-responsive-grid__item-inner {
  height: 100%;
}