.assembly-video-guide__header {
  max-width: 860px;
  margin-inline: auto;
  text-align: center;
}

.assembly-video-guide__title,
.assembly-video-guide__list-title,
.assembly-video-guide__card-title {
  margin: 0;
}

.assembly-video-guide__intro { margin-block-start: 16px; }

.assembly-video-guide__list-title {
  margin-block: 48px 24px;
  text-align: center;
}

.assembly-video-guide__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px 24px;
}

.assembly-video-guide__card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(var(--color-text), 0.12);
  border-radius: 8px;
  background: rgb(var(--color-background));
}

.assembly-video-guide__media,
.assembly-video-guide__media .theme-video-media,
.assembly-video-guide__media .theme-video-media__poster,
.assembly-video-guide__media .theme-video-media__media {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.assembly-video-guide__media img,
.assembly-video-guide__media video,
.assembly-video-guide__media iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.assembly-video-guide__card-copy { padding: 20px; }
.assembly-video-guide__card-text { margin-block-start: 10px; color: rgba(var(--color-text), 0.72); }
.assembly-video-guide__card-text > :first-child { margin-block-start: 0; }
.assembly-video-guide__card-text > :last-child { margin-block-end: 0; }

@media (max-width: 959px) {
  .assembly-video-guide__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 749px) {
  .assembly-video-guide__list-title { margin-block: 36px 20px; }
  .assembly-video-guide__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .assembly-video-guide__card-copy { padding: 16px; }
}
