.article-facts { scroll-margin-top: 120px; }
.article-facts > h2 { margin-bottom: 26px; font-size: 36px; }
.article-facts__grid { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); }

.article-facts article {
  min-height: 205px;
  padding: 28px 26px;
  border-radius: var(--radius-card);
  color: #fff;
  background: var(--color-dark);
}

.article-facts article > span { display: block; width: 30px; height: 3px; margin-bottom: 42px; border-radius: var(--radius-pill); background: var(--color-accent); }
.article-facts h3 { margin: 0 0 9px; color: #fff; font-size: 20px; }
.article-facts p { margin: 0; color: rgba(255, 255, 255, 0.68); font-size: 15px; line-height: 1.55; }

@media (max-width: 767px) {
  .article-facts > h2 { font-size: 27px; }
  .article-facts__grid { grid-template-columns: 1fr; }
  .article-facts article { min-height: 0; }
  .article-facts article > span { margin-bottom: 24px; }
}

@media (max-width: 380px) {
  .article-facts > h2 { font-size: 24px; }
}