/* Course pages (course-writing.html, course-editing.html) - built on post.css */
.course-hero .post-hero-inner { max-width: 960px; }
.course-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.course-actions .btn i { margin-inline-start: 8px; }

.course-main { max-width: 960px; padding-top: 0; }
.course-video {
  margin: -60px 0 48px; border-radius: var(--radius); overflow: hidden;
  box-shadow: var(--shadow); background: #000; aspect-ratio: 16 / 9;
}
.course-video iframe { display: block; width: 100%; height: 100%; border: 0; }

.course-section { margin-bottom: 56px; }
.course-section > h2 { font-size: clamp(1.45rem, 3vw, 1.8rem); margin-bottom: 20px; }
.course-section > h2::after { content: ""; display: block; width: 56px; height: 3px; background: var(--primary); margin-top: 10px; }

/* «القسم الأول ...» blocks */
.course-parts { display: grid; gap: 18px; }
.course-part { background: var(--light-bg); border-inline-start: 3px solid var(--primary); padding: 22px 26px; border-radius: var(--radius) 0 0 var(--radius); }
.course-part h3 { font-size: 1.2rem; margin: 0 0 8px; }
.course-part p { margin: 0; }

/* «سوف تتعلم» checklist */
.course-learn { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 28px; }
.course-learn li { display: flex; gap: 12px; align-items: flex-start; line-height: 1.8; }
.course-learn li i { color: var(--primary); margin-top: .45em; flex: 0 0 auto; }
.course-learn li[dir="ltr"] { justify-content: flex-end; }

/* «يستهدف» audience cards */
.course-audience { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.course-audience li:last-child:nth-child(odd) { grid-column: 1 / -1; }   /* odd count: last card full width */
.course-audience li {
  display: flex; gap: 14px; align-items: center;
  border: 1px solid var(--line); border-radius: var(--radius); padding: 18px 20px; background: var(--white);
}
.course-audience li i {
  flex: 0 0 44px; height: 44px; border-radius: 50%; display: grid; place-items: center;
  background: var(--light-bg); color: var(--primary);
}

/* First lectures */
.course-lectures { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.course-lectures figure { margin: 0; border-radius: var(--radius); overflow: hidden; background: #000; aspect-ratio: 16 / 9; box-shadow: var(--shadow); }
.course-lectures iframe { display: block; width: 100%; height: 100%; border: 0; }

/* Closing call to action */
.course-cta {
  background: var(--dark); color: var(--on-dark); border-radius: var(--radius);
  padding: 40px 32px; text-align: center; margin-top: 16px;
}
.course-cta h2 { color: var(--white); font-size: 1.6rem; }
.course-cta p { margin-bottom: 24px; }
.course-cta .btn i { margin-inline-start: 8px; }

@media (max-width: 768px) {
  .course-video { margin-top: -40px; }
  .course-learn, .course-lectures, .course-audience { grid-template-columns: 1fr; }
  .course-part { padding: 18px 20px; }
}