/* Course page specific styles — keep minimal and complementary to base.css */

/* Hero */
.hero { background: linear-gradient(180deg, rgba(var(--color-primary-rgb)/0.06), transparent 60%); padding: var(--space-10) 0 var(--space-8); }
.hero__inner { display: grid; gap: var(--space-6); align-items: center; }
.hero__content { max-width: 720px; }
.hero__media { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); }
.hero__meta { list-style: none; padding: 0; margin: var(--space-4) 0; display: grid; gap: var(--space-2); color: var(--color-text-muted); }
.hero__actions { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); }
.hero__rating { display: flex; align-items: center; gap: var(--space-2); margin-top: var(--space-3); color: var(--color-text-muted); }

/* Overview */
.section { padding: var(--space-10) 0; }
.overview-grid { gap: var(--space-6); }
.overview-grid .card { align-self: start; }

/* Objectives */
.objectives-grid { grid-template-columns: 1fr; gap: var(--space-6); }
.objectives-media { border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); }
.objectives-grid .card { padding: var(--space-5); }

/* Curriculum */
.curriculum__controls { margin-bottom: var(--space-5); }
.curriculum-grid { gap: var(--space-6); }
.curriculum__list { display: grid; gap: var(--space-4); }
.curriculum__module summary { cursor: pointer; list-style: none; }
.curriculum__module[open] summary { color: var(--color-primary); }
.curriculum__module ol { margin-top: var(--space-3); }
.curriculum__resources { align-self: start; display: grid; gap: var(--space-3); }

/* Instructor */
.instructor { display: grid; gap: var(--space-6); align-items: start; }
.instructor__media { width: 220px; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); }
.instructor__content { display: grid; gap: var(--space-3); }
.instructor__highlights { list-style: disc; padding-left: var(--space-6); }

/* Testimonials */
.testimonials-grid { grid-template-columns: 1fr; gap: var(--space-6); }
.testimonial blockquote { font-style: italic; color: var(--gray-700); }
.testimonial figcaption { margin-top: var(--space-3); color: var(--color-text-muted); }

/* Enroll */
.enroll { display: grid; grid-template-columns: 1fr; gap: var(--space-4); align-items: center; }
.enroll__cta { display: grid; gap: var(--space-2); justify-items: start; }

/* FAQ */
.faq { display: grid; gap: var(--space-4); }
.faq details > summary { cursor: pointer; }

/* Responsive */
@media (min-width: 900px) {
  .hero__inner { grid-template-columns: 1.1fr 1fr; }
  .overview-grid { grid-template-columns: 2fr 1fr; }
  .objectives-grid { grid-template-columns: 1.2fr 1fr; }
  .testimonials-grid { grid-template-columns: repeat(3, 1fr); }
  .curriculum-grid { grid-template-columns: 2fr 1fr; }
  .instructor { grid-template-columns: auto 1fr; }
  .enroll { grid-template-columns: 1.5fr 1fr; }
}