.toc--sidebar + .recent-articles {
  padding-top: 2rem;
}
.recent-articles__title {
  color: var(--text-white);
  display: block;
  font:
    700 1.25rem/1.75rem "Inter",
    sans-serif;
  margin-bottom: 1.5rem;
}
.recent-articles__list {
  list-style: none;
  margin-bottom: 0px;
  padding: 0;
}
.article-item--side {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}
.article-item--side .article-item__image {
  margin-bottom: 1rem;
}

.article-item--side .article-item__title {
  color: var(--text-white);
  font:
    700 1rem/1.5rem "Inter",
    sans-serif;
  margin-bottom: 12px;
}

/* ========================================
   ARTICLE ITEM CONTEXT OVERRIDES
======================================== */

/* Article item styles specific to side articles context */
.article-item--side .article-item__meta {
  column-gap: 8px;
  row-gap: 4px;
}

.article-item--side .article-item__separator {
  height: 3px;
  width: 3px;
}

.article-item--side .article-item__author,
.article-item--side .article-item__date {
  font:
    400 0.75rem/1rem "Inter",
    sans-serif;
}

.article-item--side .article-item__excerpt {
  font:
    400 14px/20px "Inter",
    sans-serif;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .recent-articles {
    border-top: 1px solid rgba(142, 151, 168, 0.15);
    margin-inline: auto;
    max-width: 700px;
    padding-top: 40px;
  }

  .recent-articles__list {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  }
}

@media (max-width: 767px) {
  .recent-articles__list {
    gap: 1rem;
  }
}