/**
 * Mobile related-posts section (ports SingleRelatedPosts.scss); shown only ≤768px. Tokens: var(--ssr-*).
 */

.ssr-related-posts {
  display: none;
  margin-top: 48px;
  padding: 36px 0;
  background: var(--ssr-color-neutral-50);
}

.ssr-related-posts__title {
  margin: 0;
  font: 900 24px/32px var(--ssr-font-family);
  color: var(--ssr-color-neutral-900);
}

.ssr-related-posts__cards {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 32px;
}

.ssr-related-posts__cards .ssr-related-card {
  margin-bottom: 0;
}

.ssr-related-posts__button {
  margin-top: 30px;
}

@media (max-width: 768px) {
  .ssr-related-posts {
    display: block;
  }
}