.l-grid {
  display: grid;
  gap: var(--space-8);
}

@media (min-width: 768px) {
  .l-grid--two-up {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .l-grid--content-sidebar {
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    align-items: start;
  }
}