/* Keep the whole practice setup visible, at every viewport size. */
.course-heading-block {
  display: grid;
  grid-template-columns: .6fr 1.4fr;
  align-items: start;
  gap: 30px;
  padding: 4px 0 30px;
}
.course-heading-block .section-note { margin: 9px 0 0; }
.course-heading-block h2 {
  font-size: clamp(30px, 3.15vw, 44px);
  line-height: 1.15;
  letter-spacing: -1.2px;
}
.course-figure { margin: 0; }
.course-image { height: auto; aspect-ratio: 1678 / 937; }
.course-image > img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.course-image::after { content: none; }
.course-caption {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 14px;
  color: #71806e;
  font-size: 10px;
  line-height: 1.5;
}
.course-caption > span:first-child { color: var(--ink); }
@media (max-width: 900px) {
  .course-heading-block { grid-template-columns: 1fr; gap: 14px; }
  .course-heading-block .section-note { margin: 0; }
}
@media (max-width: 680px) {
  .course-heading-block { padding-bottom: 24px; }
  .course-heading-block h2 { font-size: clamp(27px, 7.2vw, 37px); letter-spacing: -.8px; }
  .course-caption { font-size: 8px; gap: 10px; padding-top: 10px; }
}