/* ==========================================================================
   COURSE PAGE — assets/css/pages/course.css
   One designed layout for all four courses.

   Hero, numbered stages, quote band, text-beside-panel and hub cards all come
   from components.css. New here: the facts strip and the two-column
   who-it-is-for / what-you-will-learn split.
   ========================================================================== */

/* --- Opening paragraph -------------------------------------------------- */

.course-lede {
  font-size: 20px;
  line-height: 1.65;
  color: var(--ink);
  margin: 0;
}

/* --- Two columns -------------------------------------------------------- */

/* .course-cols and .course-col__h moved to components.css — the designed-page
   template uses the same two-column split. */

/* --- Responsive --------------------------------------------------------- */

@media (max-width: 900px) {
  .course-lede { font-size: 18px; }
}