.related-articles {
  margin: 3.5rem 0 2.5rem;
  padding: 1.25rem 0 0;
  border-top: 1px solid #e2d8c9;
}

.related-articles__label {
  margin: 0 0 .45rem;
  color: #8c7355;
  font-family: Arial, sans-serif;
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.related-articles__title {
  margin: 0 0 1.1rem;
  color: #292724;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.45rem, 3vw, 2rem);
  font-weight: 400;
  line-height: 1.2;
}

.related-articles__grid {
  display: grid;
  gap: .75rem;
}

.related-article-card {
  display: block;
  padding: 1rem 1.05rem;
  border: 1px solid #e2d8c9;
  border-radius: 8px;
  background: #fffaf4;
  color: #292724;
  text-decoration: none;
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

.related-article-card:hover,
.related-article-card:focus-visible {
  border-color: #b79a72;
  background: #fff6ec;
  color: #292724;
  transform: translateY(-1px);
}

.related-article-card span {
  display: block;
  margin-bottom: .35rem;
  color: #8c7355;
  font-family: Arial, sans-serif;
  font-size: .68rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.related-article-card strong {
  display: block;
  color: inherit;
  font-size: 1.02rem;
  font-weight: 400;
  line-height: 1.35;
}