.tutorial-player {
  aspect-ratio: 16 / 9;
  background: #17151a;
}

.tutorial-player iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.detail-panel h2,
.tutorial-notes h2,
.tutorial-next h2 {
  margin-bottom: 1rem;
  font-size: clamp(1.35rem, 3vw, 2rem);
  line-height: 1.15;
}

.tutorial-notes,
.tutorial-next {
  padding-bottom: clamp(2.75rem, 6vw, 4.5rem);
}

.tutorial-notes ul {
  max-width: 60ch;
  padding-inline-start: 1.3rem;
}

.tutorial-notes li + li {
  margin-top: .45rem;
}

.tutorial-notes p {
  margin-top: 1rem;
}

.tutorial-next .actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1.5rem;
}
