/* Related games component layout only */
.gpcc-skin .gpcc-related {
  margin-top: var(--gap-xl);
}

.gpcc-skin .gpcc-related__title {
  font-size: var(--text-2xl);
  line-height: var(--leading-tight);
  font-weight: var(--font-semibold);
  margin: 0 0 var(--gap);
}

.gpcc-skin .gpcc-related__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap);
}

/* Items are simple wrappers; no inner card overrides */
.gpcc-skin .gpcc-related__item { }

/* Tablet ≥768px: 2 columns */
@media (min-width: 768px) {
  .gpcc-skin .gpcc-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Medium ≥1024px: 3 columns */
@media (min-width: 1024px) {
  .gpcc-skin .gpcc-related__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Large ≥1280px: 4 columns */
@media (min-width: 1280px) {
  .gpcc-skin .gpcc-related__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Optional small CTA under grid */
.gpcc-skin .gpcc-related__cta {
  margin-top: var(--gap);
}

.gpcc-skin .gpcc-related__cta-link {
  color: var(--text-muted);
  text-decoration: none;
  font-size: var(--text-sm);
}

.gpcc-skin .gpcc-related__cta-link:hover {
  color: var(--text);
  text-decoration: underline;
}.gpcc-skin .gpcc-related__item .gpcc-card {
  padding: 10px;
  align-items: center;
  text-align: center;
}

.gpcc-skin .gpcc-related__item .gpcc-card__thumb {
  width: 105px;
  height: 105px;
  margin: 0 auto;
  border-radius: var(--radius-md);
}

.gpcc-skin .gpcc-related__item .gpcc-card__body {
  padding: 10px 0 0;
  align-items: center;
}

.gpcc-skin .gpcc-related__item .gpcc-card__meta {
  justify-content: center;
}