/* Courses tab — narrow-viewport overrides (≤720px). Loaded last among the
   courses fragments so its rules win over page/forkgate/detail/modal. */

@media (max-width: 720px) {
  .course-hero {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

  .course-chapter,
  .course-chapter-right {
    grid-template-columns: 1fr;
  }

  .course-chapter-right .course-chapter-img {
    order: 0;
  }

  .course-chapter-img {
    aspect-ratio: 16 / 9;
  }

  .fork-gate {
    padding: 18px;
  }

  .fork-gate-form {
    flex-direction: column;
  }

  .fork-gate-submit {
    width: 100%;
  }
}