.progress-track i{width:20%}
.story-head{align-items:center}.classroom-tip{display:flex;flex-direction:column;gap:3px;padding:11px 15px;border:1px solid #ddd4c6;border-radius:14px;background:#fff;font-size:11px;color:#667085}.classroom-tip b{color:#17243d;font-size:12px}.story-scenes{display:grid;gap:42px;margin-top:28px}.story-scene{overflow:hidden;border:1px solid #ded5c8;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(23,36,61,.1)}.scene-banner{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden;background:#e8dfd1}.scene-banner img{display:block;width:100%;height:100%;object-fit:cover}.scene-caption{position:absolute;left:24px;bottom:22px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:15px;background:rgba(23,36,61,.92);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.2)}.scene-caption small{font-size:10px;font-weight:900;letter-spacing:.13em;color:#f5c85d}.scene-caption b{font:700 clamp(20px,2.4vw,30px) Georgia,"Noto Serif KR",serif}.scene-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px}.scene-script{padding:25px 28px 32px}.story-line{display:grid;grid-template-columns:34px 82px minmax(0,1fr);align-items:start;gap:10px;padding:7px 0;border-bottom:1px dotted #e6ddd0;font-size:clamp(16px,1.55vw,19px);line-height:2.05}.story-line:last-child{border-bottom:0}.story-number{color:#9aa1ad;font-size:11px;font-weight:900;padding-top:8px}.story-speaker{font-size:10px;font-weight:950;letter-spacing:.07em;padding-top:8px}.story-speaker.sister{color:#c94e43}.story-speaker.brother{color:#167b7b}.story-text{min-width:0}.teacher-notes{min-height:100%;padding:24px 20px;border-left:1px solid #e2d8ca;background:repeating-linear-gradient(to bottom,#fffaf1 0,#fffaf1 33px,#ded5c8 34px);color:#39465c;line-height:34px}.teacher-notes-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;background:#fffaf1;color:#8a7761;font-size:10px;font-weight:900;letter-spacing:.09em}.teacher-notes-label span{font-weight:600;letter-spacing:0}.teacher-notes-body{min-height:calc(100% - 42px);outline:0;white-space:pre-wrap}.teacher-notes-body:empty:before{content:"이곳을 클릭해 판서·설명 메모를 입력하세요.";color:#b5a994;font-size:12px}.story-scene:nth-child(2) .scene-caption{background:rgba(176,61,52,.92)}.story-scene:nth-child(3) .scene-caption{background:rgba(24,117,112,.93)}
@media(max-width:820px){.scene-workspace{grid-template-columns:1fr}.teacher-notes{min-height:190px;border-left:0;border-top:1px solid #e2d8ca}.scene-script{padding:20px}.story-line{grid-template-columns:28px 68px minmax(0,1fr);gap:7px;line-height:1.9}.scene-caption{left:14px;bottom:14px}}
@media print{.topbar,.bottom-action,.classroom-tip{display:none!important}.screen{display:none!important}#script{display:block!important}.story-scene{break-inside:avoid;box-shadow:none}.story-scenes{gap:20px}.teacher-notes{min-height:220px}}