/* Lesson media sits directly in the lesson, without a second card around it. */
.pm-lesson .lesson-media { border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
.pm-lesson .lesson-media-tools { padding:8px 0; }
.pm-lesson .lesson-media-name { padding:0; }
.pm-lesson .lesson-media video { border-radius:8px; }
.lesson-slides { width:100%; min-width:0; }
.lesson-slide-stage { min-width:0; min-height:150px; display:flex; justify-content:center; align-items:center; overflow:hidden; touch-action:pan-y pinch-zoom; }
.lesson-slide-stage:empty { background:var(--surface-2); }
.lesson-slide-stage canvas { display:block; max-width:100%; height:auto; background:#fff; }
.lesson-slide-stage:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.lesson-slide-controls { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; gap:12px; max-width:400px; margin:12px auto 0; }
.lesson-slide-controls .btn { padding:8px; min-width:44px; min-height:44px; font-size:22px; line-height:1; }
.lesson-slide-count { text-align:center; font-size:13px; color:var(--muted); font-variant-numeric:tabular-nums; }
.lesson-slide-hint { margin:8px 0 0; text-align:center; }
.lesson-slides .lesson-media-tools { margin-top:8px; }
.lesson-slides .lesson-media-tools a { font-size:12px; }
.lesson-slide-transcript { margin-top:6px; font-size:13px; color:var(--muted); }
.lesson-slide-transcript summary { cursor:pointer; min-height:44px; display:flex; align-items:center; text-decoration:underline; text-underline-offset:3px; }
.lesson-slide-transcript summary:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.lesson-slide-transcript [data-slide-text] { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.6; max-height:300px; overflow:auto; padding:4px 0 12px; }
.lesson-media-format { margin:0 0 8px; }