.article-2 {
  display: grid;
  grid-template-columns: 13rem 1fr;
  gap: 2rem;
  @media (min-width: 1024px) {
    grid-template-columns: 26.2rem 1fr;
  }
}
.article-2__thumb {
  img {
    width: 100%;
  }
}
.article-2__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.article-2__group {
}
.article-2__title {
  color: var(--g-color--heading--blue);
  font-size: var(--g-fz--p2);
  a {
    color: inherit;
    text-decoration: none;
  }
}
.article-2__text {
  font-size: var(--g-fz--p3);
}

.articles {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  @media (min-width: 1024px) {
    gap: 3rem;
  }
}