/* Ten media-first lessons; retain the original portrait assets and playback controller. */
.lesson-curriculum{position:relative;width:min(1120px,calc(100% - 64px));padding-block:44px}
.lesson-curriculum .lesson-anchor{position:absolute;top:0;scroll-margin-top:24px}
.lesson-curriculum .section-heading{display:block;margin-bottom:12px;text-align:center}
.lesson-curriculum .section-heading p{margin-top:12px}
.lesson-curriculum .section-heading>div>p{margin-inline:auto}
.lesson-curriculum .lesson-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;gap:20px 16px;align-items:stretch;list-style:none;padding:0;margin:0;overflow:visible}
.lesson-curriculum .lesson-card{min-width:0;padding:0 0 18px;overflow:hidden;background:#fffdf9;border:1px solid #e8d9d2;border-radius:13px;box-shadow:0 3px 10px #7b293b04;text-align:left}
.lesson-curriculum .lesson-media{position:relative;width:100%;margin:0;padding:0}
.lesson-curriculum .lesson-preview{display:block;width:100%;min-width:0;margin:0;scroll-snap-align:none}
.lesson-curriculum .video-frame{position:relative;width:100%;aspect-ratio:9/16;margin:0;overflow:hidden;border:0;border-radius:12px 12px 0 0;background:#f2e3de}
.lesson-curriculum .video-frame video,
.lesson-curriculum .video-frame>img{display:block;width:100%;height:100%;aspect-ratio:9/16;object-fit:cover}
.lesson-curriculum .lesson-placeholder .video-frame{display:grid;place-items:center;padding:18px;background:#f2e8e1}
.lesson-curriculum .lesson-placeholder p{margin:0;color:var(--muted);font-size:12px;line-height:1.6;text-align:center}
/* The whole thumbnail is tappable. The overlay disappears for native playback. */
.lesson-curriculum .video-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:12px 12px 0 0;background:transparent;box-shadow:none;transform:none;color:var(--burgundy);cursor:pointer}
.lesson-curriculum .video-play span{display:grid;place-items:center;width:46px;height:46px;margin:0;padding-left:3px;border:1px solid #ffffffdf;border-radius:50%;background:#fffaf6ed;box-shadow:0 2px 9px #442c3026;font-size:16px;line-height:1;pointer-events:none}
.lesson-curriculum .video-play:focus-visible{outline:3px solid #a96c31;outline-offset:-4px}
.lesson-curriculum .video-play:hover span{background:#fffaf6}
.lesson-curriculum .video-play[hidden],
.lesson-curriculum .lesson-preview[hidden]{display:none}
.lesson-curriculum .video-duration{position:absolute;right:6px;bottom:6px;padding:2px 5px;border-radius:4px;background:#442c30c9;color:#fff;font:500 10px/1.4 Arial,Helvetica,sans-serif;pointer-events:none}
.lesson-curriculum .video-frame:has(.video-play[hidden]) .video-duration{visibility:hidden}
.lesson-curriculum .video-status:empty{display:none}
.lesson-curriculum .video-status:not(:empty){margin:8px 12px 24px;font-size:11px;line-height:1.5;color:var(--burgundy)}
.lesson-curriculum .lesson-number{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 8px 13px;border:2px solid #fffdf9;border-radius:50%;background:#954858;color:#fffaf6;font:400 16px/1 var(--serif);pointer-events:none}
.lesson-curriculum .lesson-card h3{min-height:2.5em;margin:0 14px;font:400 19px/1.25 var(--serif);letter-spacing:-.02em;overflow-wrap:break-word}
.lesson-curriculum .lesson-description{margin:9px 14px 0;font-size:12.5px;line-height:1.55;color:var(--muted)}
@media(min-width:761px) and (max-width:1000px){
  .lesson-curriculum{max-width:520px}
  .lesson-curriculum .lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}
@media(max-width:760px){
  .lesson-curriculum{width:calc(100% - 36px);max-width:520px;padding-block:32px}
  .lesson-curriculum .section-heading{margin-bottom:10px}
  .lesson-curriculum .section-heading h2{font-size:2rem}
  .lesson-curriculum .lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
  .lesson-curriculum .lesson-card{padding:0 0 15px;border-radius:11px}
  .lesson-curriculum .video-frame,
  .lesson-curriculum .video-play{border-radius:10px 10px 0 0}
  .lesson-curriculum .lesson-number{width:34px;height:34px;margin:-17px 0 7px 9px;font-size:14px}
  .lesson-curriculum .lesson-card h3{min-height:2.5em;margin-inline:10px;font-size:16px;line-height:1.25}
  .lesson-curriculum .lesson-description{margin:7px 10px 0;font-size:12px;line-height:1.55}
  .lesson-curriculum .video-duration{right:5px;bottom:5px;font-size:9px}
}
@media(max-width:359px){
  .lesson-curriculum{width:calc(100% - 28px)}
  .lesson-curriculum .lesson-grid{gap:12px 10px}
  .lesson-curriculum .lesson-card h3{font-size:15px;margin-inline:9px}
  .lesson-curriculum .lesson-description{margin-inline:9px;font-size:11.5px}
  .lesson-curriculum .video-play span{width:42px;height:42px;font-size:15px}
}