/* [#171] 강의 독자 화면 — book.css의 어두운 연재 앱 팔레트를 그대로 사용한다. */
.book-page.book-kind-lecture{background:#15141a;color:#f2f0f7}
.book-kind-lecture .lec-cover{box-sizing:border-box;background:#2a2933;border-radius:14px;width:calc(100% - 40px);max-width:350px;aspect-ratio:16/9;margin:0 auto 24px;position:relative;overflow:hidden}
.book-kind-lecture .lec-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.book-kind-lecture .lec-play{z-index:1;position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:50%;background:#ffc72c;transform:translate(-50%,-50%)}
.book-kind-lecture .lec-play:after{content:"";position:absolute;left:23px;top:17px;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid #191814}
.book-kind-lecture .chapter-row{min-height:64px;grid-template-columns:44px minmax(0,1fr) auto;gap:8px}
.book-kind-lecture .chapter-no{font-size:14px;font-weight:700}
.book-kind-lecture .chapter-title{font-size:15px;font-weight:600}
.book-kind-lecture .chapter-row.locked .chapter-title{color:#8a869a}
.book-kind-lecture .chapter-row .chip.free,.chip.opened{justify-self:end}
/* Emoji lock supplied by book.js is visually replaced with the same simple lock shape. */
.book-kind-lecture .lock,.book-kind-lecture .lock-ico{box-sizing:border-box;position:relative;display:block;width:16px;height:13px;border-radius:2px;background:#8a869a;font-size:0;flex:none}
.book-kind-lecture .lock:before,.book-kind-lecture .lock-ico:before{content:"";box-sizing:border-box;position:absolute;left:3px;top:-8px;width:10px;height:10px;border:2px solid #8a869a;border-bottom:0;border-radius:8px 8px 0 0}
.book-kind-lecture .lock:after,.book-kind-lecture .lock-ico:after{content:"";position:absolute;left:7px;top:5px;width:2px;height:4px;border-radius:2px;background:#2a2933}

/* 모바일 강의 보기 */
.book-kind-lecture .lec-reader{min-height:100vh;background:#15141a}
.book-kind-lecture .lec-layout{min-width:0}
.book-kind-lecture .lec-main{box-sizing:border-box;width:100%;max-width:680px;margin:0 auto;padding:0 20px 40px}
.book-kind-lecture .lec-video{background:#2a2933;width:calc(100% + 40px);aspect-ratio:16/9;margin:0 -20px;position:relative;overflow:hidden}
.book-kind-lecture .lec-video iframe{display:block;width:100%;height:100%;border:0}
.book-kind-lecture .lec-video-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;box-sizing:border-box}
.book-kind-lecture .lec-video-link .book-button{width:min(100%,310px)}
.book-kind-lecture .lec-title{padding-top:28px}
.book-kind-lecture .lec-title .chapter-label{margin:0 0 5px;color:#ffc72c;font-size:13px;font-weight:700}
.book-kind-lecture .lec-title .chapter-heading{border:0;margin:0;padding:0;font-size:22px;font-weight:800;line-height:1.4}
.book-kind-lecture .lec-note{margin-top:32px}
.book-kind-lecture .lec-note h2{margin:0 0 14px;font-size:15px;font-weight:700}
.book-kind-lecture .lec-note p{color:#e7e4f0;margin:0 0 20px;font-size:16px;line-height:1.8}
.book-kind-lecture .lec-note p.gap{height:1.8em;margin:0}
.book-kind-lecture .lec-main .end-card{border:0;background:#1f1e26;border-radius:14px;margin-top:36px;padding:20px;text-align:center}
.book-kind-lecture .lec-main .end-card strong{display:block;margin-bottom:16px;font-size:15px;font-weight:700}.end-card .book-button{margin-top:0}
.book-kind-lecture .lec-main .chapter-nav{margin-top:28px}
.book-kind-lecture .lec-main .chapter-nav button{background:#15141a;color:#f2f0f7}
.book-kind-lecture .lec-side{display:none}

/* 잠금 시트는 book.css의 어두운 테마를 쓰며, 강의 표기와 같은 간격만 유지한다. */
.book-kind-lecture .lock-sheet{background:#1f1e26}

@media(min-width:1024px){
  .book-kind-lecture .reader-head{height:64px;padding-left:max(40px,calc((100vw - 1280px)/2));padding-right:max(40px,calc((100vw - 1280px)/2))}
  .book-kind-lecture .lec-layout{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:24px;width:calc(100% - 80px);max-width:1280px;margin:40px auto 64px;align-items:start}
  .book-kind-lecture .lec-main{width:100%;max-width:none;margin:0;padding:0}
  .book-kind-lecture .lec-video{width:100%;margin:0;border-radius:14px}
  .book-kind-lecture .lec-title{padding-top:30px}
  .book-kind-lecture .lec-title .chapter-heading{font-size:28px}
  .book-kind-lecture .lec-note{margin-top:34px}
  .book-kind-lecture .lec-note p{font-size:17px;line-height:1.85}
  .book-kind-lecture .lec-side{box-sizing:border-box;display:block;background:#1f1e26;border-radius:14px;padding:18px 14px;overflow:hidden}
  .book-kind-lecture .lec-side h2{margin:0 6px 10px;font-size:15px;font-weight:700}
  .book-kind-lecture .lec-row{box-sizing:border-box;position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;min-height:56px;padding:8px 8px;border:0;border-radius:8px;background:transparent;color:#f2f0f7;text-align:left;font:inherit;cursor:pointer}
  .book-kind-lecture .lec-row .chapter-no{font-size:13px}
  .book-kind-lecture .lec-row .chapter-title{overflow:hidden;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
  .book-kind-lecture .lec-row .chip{min-height:24px;padding:0 8px;font-size:11px}
  .book-kind-lecture .lec-row.current{background:#2a2933}
  .book-kind-lecture .lec-row.current:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 2px 2px 0;background:#ffc72c}
  .book-kind-lecture .lec-row.locked,.book-kind-lecture .lec-row.locked .chapter-title{color:#8a869a}
  .book-kind-lecture .lec-main .end-card{margin-top:40px}
}

@media(min-width:1024px) and (max-width:1100px){
  .book-kind-lecture .lec-layout{width:calc(100% - 48px);gap:18px;grid-template-columns:minmax(0,1fr) 280px}
  .book-kind-lecture .lec-side{padding:16px 10px}
  .book-kind-lecture .lec-row{grid-template-columns:38px minmax(0,1fr) auto;padding-left:6px;padding-right:6px}
}

@media(max-width:389px){
  .book-kind-lecture .lec-main{padding-left:16px;padding-right:16px}
  .book-kind-lecture .lec-video{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}
}