/* 강사 교육 슬라이드 공통 모양 — 촬영장 머리띠(2026-10-22). deck.css 다음, 덱 <style> 앞에 건다.
   - 장마다 왼쪽 위 슬레이트(.kicker) + 오른쪽 위 필름 지도(엔진이 그리는 .deck-map, 씬 1~8)
   - 제목(h1·h2·.huge)은 포스터 글꼴, 본문·버튼 이름(.ui)은 Noto Sans KR 그대로(사이트 화면과 같은 모양)
   - 표지: <section class="slide dark cover"> > img.cover-bg · div.cover-shade · div.cover-text
   - 정리 장: <section class="slide dark recap"> (가운데 모은 끝 카드)
   글꼴 링크: family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;500;700;800 */
:root{--display:"Black Han Sans","Noto Sans KR","Malgun Gothic",sans-serif;--film:#111B2A;--film2:#1F2B3D;--film-text:#C5CED9;--film-dim:#7F8DA0;--gold:#FFD27A}
.slide[data-place]:not([data-place="없음"]){padding-top:134px}

/* 제목 글꼴 */
h1,h2,.huge{font-family:var(--display);font-weight:400;letter-spacing:-.005em}
h1{font-size:104px;line-height:1.12}
h2{font-size:66px;line-height:1.18}

/* 슬레이트(클래퍼보드) 머리말 — 지도가 있는 장에서는 머리띠 왼쪽에 붙는다 */
.kicker{display:inline-flex;align-items:center;align-self:flex-start;height:56px;padding:0 24px 0 0;background:var(--film);color:#FFFFFF;border-radius:12px;overflow:hidden;font-size:26px;font-weight:800;letter-spacing:.01em;white-space:nowrap;line-height:1}
.kicker::before{content:"";align-self:stretch;width:58px;margin-right:20px;background:repeating-linear-gradient(-55deg,#FFFFFF 0 11px,var(--film) 11px 22px);border-right:4px solid #FFFFFF}
.slide[data-place]:not([data-place="없음"])>.kicker{position:absolute;left:120px;top:44px}
.slide.dark .kicker{background:#FFFFFF;color:var(--film)}
.slide.dark .kicker::before{background:repeating-linear-gradient(-55deg,var(--film) 0 11px,#FFFFFF 11px 22px);border-right-color:var(--film)}

/* 필름 지도: 지난 씬 ✓ · 지금 여기(코랄) · 남은 씬 */
.deck-map{right:120px;top:30px;gap:6px;padding:14px 12px;background:var(--film);border-radius:14px;counter-reset:scene;font-size:24px}
.deck-map::before,.deck-map::after{content:"";position:absolute;left:14px;right:14px;height:6px;border-radius:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 10px,transparent 10px 22px)}
.deck-map::before{top:4px}.deck-map::after{bottom:4px}
.deck-map i{display:none}
.deck-map span,.slide.dark .deck-map span{counter-increment:scene;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 14px 7px;border:0;border-radius:8px;background:var(--film2);color:var(--film-text);font-size:24px;font-weight:800;line-height:1.1}
.deck-map span::before{content:"씬 " counter(scene);font-size:16px;font-weight:700;color:var(--film-dim);letter-spacing:.04em}
.deck-map span:has(~ .here),.slide.dark .deck-map span:has(~ .here){background:transparent;color:var(--film-dim)}
.deck-map span:has(~ .here)::before{content:"✓ 씬 " counter(scene)}
.deck-map span.here,.slide.dark .deck-map span.here{background:var(--accent);color:#FFFFFF;box-shadow:0 0 0 3px rgba(245,113,80,.35)}
.deck-map span.here::before{content:"지금 여기";color:#FFFFFF}
.deck-map span.here::after{content:none}
.slide.dark .deck-map{background:#1A2536;box-shadow:0 0 0 2px rgba(255,255,255,.12)}

/* 시계 · 진행 막대 — 시계는 내용 오른쪽 끝에 맞추고 쪽 번호 위로 올린다 */
.deck-timer{right:120px;bottom:60px;border-radius:18px;box-shadow:0 10px 26px rgba(12,24,39,.22)}
.deck-timer b{font-weight:800}
.deck-foot b{background:var(--accent)}

/* 어두운 장 위의 상자들 */
.slide.dark .lead b{color:var(--gold)}
.slide.dark .c-accent{color:#FFB199}
.slide.dark .tip{background:rgba(255,255,255,.08);color:#E3E8EF}
.slide.dark .tip h3,.slide.dark .tip b{color:#FFFFFF}
.slide.dark ul.dots li{color:#E3E8EF}
.slide.dark .warn{background:rgba(255,210,122,.12);border-left-color:var(--gold)}
.slide.dark .warn h3,.slide.dark .warn b{color:var(--gold)}
.slide.dark .warn p{color:#E3E8EF}
.slide.dark .card{background:rgba(255,255,255,.07);box-shadow:none;border:2px solid rgba(255,255,255,.12)}
.slide.dark .card h3{color:#FFFFFF}
.slide.dark .card p{color:#E3E8EF}

/* 표지: 실제 AI 장면을 오른쪽으로 밀어 두고 왼쪽 끝은 필름 색으로 녹인다 */
.slide.cover{padding:0;background:var(--film)}
.cover-bg{position:absolute;top:0;left:26%;width:100%;height:100%;border-radius:0;object-fit:cover;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%);mask-image:linear-gradient(90deg,transparent 0%,#000 34%)}
.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,18,30,.9) 0%,rgba(11,18,30,.7) 40%,rgba(11,18,30,0) 62%)}
.cover-text{position:relative;z-index:1;height:100%;max-width:1120px;padding:0 0 0 120px;display:flex;flex-direction:column;justify-content:center;gap:34px}
.cover h1{color:#FFFFFF}
.cover .lead{color:#E3E8EF}
.cover .deck-name,.cover .deck-page{color:#ABB5C2}

/* 정리 장: 가운데 모은 끝 카드 */
.slide.recap{justify-content:center;gap:40px}
.recap .grid3{gap:32px}
.recap .card{padding:40px 44px;gap:18px}
.recap .card h3{font-family:var(--display);font-weight:400;font-size:52px}
.recap .card p{font-size:36px;line-height:1.5}