@layer ds_layout {
  .layout-grid-teaserlist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--ds-layout-grid-teaserlist-gap-compact);

    @container content (width > 40rem) {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: var(--ds-layout-grid-teaserlist-gap-relaxed);
    }
  }
} /* @layer ds_layout */