/* Lessons page specific styles */
.section { padding-block: var(--space-12); }

/* Hero */
.hero { padding-block: var(--space-16); }
.hero__inner { display: grid; gap: var(--space-8); grid-template-columns: 1.1fr 0.9fr; align-items: center; }
.hero__content p { color: #fff; opacity: 0.95; }
.hero__actions { display: flex; gap: var(--space-4); margin-top: var(--space-4); }
.hero__media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-glow-primary); }
@media (max-width: 960px) { .hero__inner { grid-template-columns: 1fr; } }

/* Overview grid */
.lesson-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-6); margin-top: var(--space-6); }
.lesson-card__header { display: flex; align-items: start; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-3); }
.lesson-card__title { font-size: var(--fs-xl); }
.lesson-card__meta { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.lesson-card__cta { margin-top: var(--space-4); }

/* Structure, Goals */
.structure-list, .goals-list { display: grid; gap: var(--space-2); }
.structure-list li, .goals-list li { padding-left: 0.25rem; }

/* Content section */
.content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); align-items: center; }
.content-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.content-actions { display: flex; gap: var(--space-3); margin-top: var(--space-4); }
@media (max-width: 960px) { .content-grid { grid-template-columns: 1fr; } }

/* Quiz */
.quiz { display: grid; gap: var(--space-5); }
.quiz-actions { display: flex; gap: var(--space-3); }
.quiz-result, .quiz-best { font-weight: 600; }

/* Resources */
.resources-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--space-6); margin-top: var(--space-6); }
.resource-item h3 { margin-bottom: var(--space-2); }

/* Progress */
.progress-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); align-items: center; }
.progressbar { position: relative; height: 14px; background: var(--gray-200); border-radius: var(--radius-pill); overflow: hidden; }
.progressbar__fill { position: absolute; inset: 0 auto 0 0; width: 0%; background: var(--gradient-primary); transition: width var(--duration-normal) var(--easing-standard); }
.progress-stats { margin-top: var(--space-3); color: var(--color-muted); }
.progress-list { display: grid; gap: var(--space-2); margin-top: var(--space-4); }
.progress-actions { margin-top: var(--space-4); }
.progress-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
@media (max-width: 960px) { .progress-grid { grid-template-columns: 1fr; } }

/* Feedback */
.feedback-status { margin-top: var(--space-3); color: var(--color-success); font-weight: 600; }