/* Lesson list — soft/modern refinement (load after aptis-ui.css) */

:root {
  --ll-radius-card: 18px;
  --ll-radius-hover: 12px;
  --ll-shadow-card: 0 1px 2px rgba(45, 42, 38, 0.04), 0 8px 24px rgba(45, 42, 38, 0.06);
  --ll-shadow-card-hover: 0 2px 4px rgba(45, 42, 38, 0.05), 0 12px 32px rgba(45, 42, 38, 0.08);
  --ll-line: rgba(45, 42, 38, 0.05);
  --ll-transition: 180ms ease;
  --ll-tint-reading: rgba(59, 130, 246, 0.07);
  --ll-tint-listening: rgba(168, 85, 247, 0.07);
  --ll-tint-speaking: rgba(233, 69, 96, 0.06);
  --ll-tint-writing: rgba(21, 128, 61, 0.07);
  --ll-tint-vocabulary: rgba(245, 158, 11, 0.08);
}

.course-chapter {
  border: none;
  border-radius: var(--ll-radius-card);
  box-shadow: var(--ll-shadow-card);
  transition: box-shadow var(--ll-transition);
}
.course-chapter:hover { box-shadow: var(--ll-shadow-card-hover); }

.course-chapter-title { letter-spacing: -0.01em; }

.course-chapter-body { border-top: 1px solid var(--ll-line); }

.course-lesson {
  border-top: 1px solid var(--ll-line);
  padding: 16px 18px;
  border-radius: 0;
  transition: background var(--ll-transition), border-radius var(--ll-transition);
}
.course-lesson:hover { border-radius: var(--ll-radius-hover); }
.course-lesson[data-skill="reading"]:hover    { background: var(--ll-tint-reading); }
.course-lesson[data-skill="listening"]:hover  { background: var(--ll-tint-listening); }
.course-lesson[data-skill="speaking"]:hover   { background: var(--ll-tint-speaking); }
.course-lesson[data-skill="writing"]:hover    { background: var(--ll-tint-writing); }
.course-lesson[data-skill="vocabulary"]:hover { background: var(--ll-tint-vocabulary); }

.course-lesson-badge {
  font-weight: 600;
  letter-spacing: 0.04em;
}

.lesson-arrow { transition: transform var(--ll-transition), color var(--ll-transition); }
.course-lesson:hover .lesson-arrow { transform: translateX(3px); color: var(--ink); }