/* What a programme's page adds to the course page's design (Figma "Program Page"). Loaded on a
   programme's page only, after course.css. */

/* How many courses, a dot, then what it is: one line, on a phone too (P01.1). */
.cil-course-hero__count { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.2; color: var(--cil-black-light-6); }
.cil-course-hero__dot { flex: none; width: 4px; height: 4px; border-radius: 50%; background: var(--cil-black-light-6); }
.cil-course-hero__typeRow:has(.cil-course-hero__count) { gap: 8px 10px; }
.cil-course-hero__typeRow:has(.cil-course-hero__count) .cil-course-hero__type { font-size: 18px; gap: 8px; }
.cil-course-hero__typeRow:has(.cil-course-hero__count) .cil-course-hero__type svg { width: 20px; height: 20px; }
@media (max-width: 767px) {
    .cil-course-hero__typeRow:has(.cil-course-hero__count) { flex-direction: row; align-items: center; }
}