/* ── Related Posts ────────────────────────────────── */

.icta-related {
  margin-top: var(--gap-l);
  padding-top: var(--gap-m);
  border-top: 1px solid var(--color-border);
}

.icta-related__heading {
  font-size: var(--font-h4);
  font-weight: var(--fw-bold, 700);
  margin: 0 0 var(--space-3);
  color: inherit;
}

.icta-related__grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

/* ── Card ─────────────────────────────────────── */
.icta-related__card {
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  transition: background var(--duration-fast);
}
.icta-related__card:hover {
  background: var(--color-bg);
}

.icta-related__link {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  text-decoration: none;
  color: inherit;
  padding: var(--space-2) var(--space-3);
}

.icta-related__img {
  display: none;
}

.icta-related__body {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  flex: 1;
  flex-wrap: wrap;
}

.icta-related__cat {
  font-size: var(--font-caption);
  font-weight: var(--fw-bold, 700);
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--color-accent);
  flex-shrink: 0;
}

.icta-related__title {
  font-size: var(--font-body);
  font-weight: var(--fw-medium, 500);
  line-height: var(--lh-normal, 1.5);
  margin: 0;
  color: var(--color-text);
}

.icta-related__date {
  font-size: var(--font-caption);
  color: var(--color-muted);
  margin-left: auto;
  flex-shrink: 0;
}

/* ── Card without image ──────────────────────── */
.icta-related__card--no-img .icta-related__body {
  padding: 0;
}

/* ── Responsive ──────────────────────────────── */
@media (max-width: 768px) {
  .icta-related__link {
    padding: var(--space-2);
  }
  .icta-related__body {
    flex-direction: column;
    gap: var(--space-1);
  }
  .icta-related__date {
    margin-left: 0;
  }
}