/*
 * Page selector
 */

.block-page-selector {
  > .grid {
    display: grid;
    align-items: stretch;
    gap: var(--grid-gap);
    grid-template-columns: 1fr;

    @media (width >= 768px) {
      grid-template-columns: repeat(2, 1fr);
      gap: var(--grid-gap-lg);
    }
    @media (width >= 992px) {
      grid-template-columns: repeat(3, 1fr);
    }
  }
}