.evt-related-posts {
  position: relative;
  width: 100%;
  padding: 0;
  font-family: var(--evt-font-family-base);
}

.evt-related-posts * {
  box-sizing: border-box;
}

.evt-related-posts__header {
  margin: 0 0 32px;
}

.evt-related-posts__title {
  margin: 0;
  font-size: 32px;
  line-height: 1.1;
  font-weight: 700;
  color: var(--secondary-dark);
}

.evt-related-posts__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.evt-related-posts .evt-post-card__link {
  background: var(--white);
  box-shadow: 0 2px 0 0 rgba(75, 90, 104, 0.10) inset, 0 20px 34px 0 rgba(16, 17, 24, 0.12) !important;
  color: var(--secondary-dark) !important;
}

.evt-related-posts .evt-post-card__media {
  background: #E9EDF1;
}

.evt-related-posts .evt-post-card__image--placeholder {
  background: linear-gradient(135deg, #E9EDF1 0%, #D8E0E7 100%);
}

.evt-related-posts .evt-post-card__title {
  color: var(--secondary-dark) !important;
  font-size: 20px;
}

.evt-related-posts .evt-post-card__author-name,
.evt-related-posts .evt-post-card__date {
  color: var(--secondary-light);
}

.evt-related-posts .evt-post-card__link:hover,
.evt-related-posts .evt-post-card__link:focus-visible {
  box-shadow: 0 2px 0 0 rgba(75, 90, 104, 0.10) inset, 0 24px 40px 0 rgba(16, 17, 24, 0.16) !important;
}

@media (max-width: 1024px) {
  .evt-related-posts__header {
    margin-bottom: 20px;
  }

  .evt-related-posts__title {
    font-size: 24px;
    line-height: 1.15;
  }

  .evt-related-posts__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}