/* Shared related-content card carousel. */
.gn-related-works__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  gap: var(--gn-space-6);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0;
  padding-block: var(--gn-space-2) var(--gn-space-6);
  list-style: none;
}

.gn-related-works__track > li {
  min-width: 0;
  scroll-snap-align: start;
 
}

.gn-related-works__track .gn-work-card__inner {
  height: 100%;
 
}

.gn-related-works__controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gn-space-4);
  margin-top: var(--gn-space-6);
 
}

.gn-related-works__controls[hidden] {
  display: none;
 
}

.gn-related-works__controls button:disabled {
  opacity: 0.4;
  cursor: default;
 
}

@media (width >= 768px) {
  .gn-related-works__track {
  grid-auto-columns: calc((100% - var(--gn-space-6)) / 2);
 
}
}

@media (width >= 1024px) {
  .gn-related-works__track {
  grid-auto-columns: calc((100% - var(--gn-space-6) * 2) / 3);
 
}
}
