.articles {
  container-type: inline-size;
}

@container (min-width: 60rem) {
  @supports (grid-template-columns: subgrid) {
    .compact-list {
      gap: 1rem 2rem;
    }

    .compact-list-item__content {
      gap: inherit;
    }

    .compact-list-item__title {
      font-size: 2rem;
    }

    .compact-list-item__date {
      padding-top: 0.45rem;
    }
  }
}