.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}}

/* Present Perfect Story */
.current-perfect-hero{background:#fff;padding:12px}.current-perfect-hero img{object-fit:cover;object-position:center 42%}
.scene-banner{aspect-ratio:auto;display:grid;place-items:center;background:#fffaf1;padding:24px}
.scene-banner img{width:auto;height:auto;max-width:100%;max-height:720px;object-fit:contain;border-radius:18px;box-shadow:0 10px 30px rgba(23,36,61,.10)}
.story-text small{display:block;margin-top:-5px;color:#7b8492;font-size:12px;line-height:1.55}
.story-speaker.sheila{color:#c94e43}.story-speaker.bob{color:#167b7b}
.grammar-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 26px}
.grammar-summary article{padding:18px;border:1px solid #ded5c8;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(23,36,61,.05)}
.grammar-summary small,.grammar-summary b{display:block}.grammar-summary small{color:#e85d4a;font-size:10px;font-weight:900;letter-spacing:.08em}.grammar-summary b{margin:7px 0 5px;color:#16345d;font:700 22px Georgia,serif}.grammar-summary p{margin:0;color:#667085;font-size:12px;line-height:1.5}
.line{align-items:start}.line .listen-line{margin-top:3px}.line-copy .translation{margin-top:4px;color:#7a8492;font-size:13px;line-height:1.5}
.grammar-note{display:flex;gap:9px;align-items:flex-start;margin-top:10px;padding:10px 12px;border-left:4px solid #e9ad24;border-radius:8px;background:#fff7d9;color:#5f5845;font-size:12px;line-height:1.55}
.grammar-note b{flex:0 0 auto;color:#8c6200}.grammar-note span{display:block}
.line.bob .avatar{background:#dce8ee}.line.sheila .avatar{background:#f7dcc8}
.build-dialogue .blank{width:clamp(64px,calc(var(--answer-ch, 8) * .72em + 34px),290px);min-width:64px;min-height:36px;white-space:nowrap;vertical-align:middle;transition:width .2s ease,border-color .2s,background .2s}
.build-dialogue .blank.filled{width:auto;min-width:clamp(62px,calc(var(--answer-ch, 8) * .72em + 34px),290px)}

/* Cut-by-cut story layout */
.story-chapter{overflow:hidden;border:1px solid #ded5c8;border-radius:28px;background:#fdfbf7;box-shadow:0 18px 48px rgba(23,36,61,.08)}
.chapter-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid #e4dacb;background:linear-gradient(110deg,#fff 0 66%,#fff3df)}
.chapter-head small{display:block;margin-bottom:5px;color:#e85d4a;font-size:10px;font-weight:950;letter-spacing:.14em}.chapter-head h3{margin:0;color:#17243d;font:700 clamp(25px,3vw,35px)/1.1 Georgia,"Noto Serif KR",serif}.chapter-head>span{padding:8px 11px;border:1px solid #ddd4c6;border-radius:999px;background:#fff;color:#667085;font-size:10px;font-weight:900;letter-spacing:.08em}
.comic-cut-list{display:grid;gap:1px;background:#e6ddcf}.comic-cut-row{display:grid;grid-template-columns:minmax(235px,30%) minmax(0,1fr);min-height:210px;background:#fff;transition:background .18s,transform .18s}.comic-cut-row:hover{position:relative;z-index:1;background:#fffcf6;transform:translateX(3px)}
.cut-art{display:grid;place-items:center;min-width:0;margin:0;padding:14px;background:#f6f0e6}.cut-art img{display:block;width:100%;max-width:290px;height:auto;border:1px solid #17243d;box-shadow:0 8px 20px rgba(23,36,61,.10)}
.cut-copy{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px clamp(22px,4vw,48px)}.cut-dialogue+.cut-dialogue{padding-top:15px;border-top:1px dashed #ddd4c6}.cut-speaker{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:11px;font-weight:950;letter-spacing:.08em}.cut-speaker span{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#f1eee8;color:#667085}.cut-speaker.sheila{color:#e85d4a}.cut-speaker.bob{color:#208b8b}.cut-dialogue p{margin:0;color:#17243d;font-size:clamp(17px,1.9vw,22px);line-height:1.5}.cut-dialogue>small{display:block;margin-top:5px;color:#667085;font-size:13px;line-height:1.55}.cut-grammar{display:flex;gap:8px;align-items:flex-start;margin-top:11px;padding:9px 11px;border-left:4px solid #e9ad24;border-radius:8px;background:#fff6d9;color:#5f5845;font-size:12px;line-height:1.55}.cut-grammar b{flex:0 0 auto;color:#8c6200}.cut-grammar span{display:block}
.chapter-notes{padding:18px 24px 22px;border-top:1px solid #e2d8ca;background:repeating-linear-gradient(to bottom,#fffaf1 0,#fffaf1 33px,#ded5c8 34px)}.chapter-notes .teacher-notes-label{margin-bottom:7px}.chapter-notes .teacher-notes-body{min-height:76px;line-height:34px}
@media(max-width:820px){.grammar-summary{grid-template-columns:1fr}.scene-banner{padding:12px}.scene-banner img{max-height:none}.grammar-note{display:block}.grammar-note b{display:block;margin-bottom:3px}.comic-cut-row{grid-template-columns:1fr}.cut-art{padding:16px}.cut-art img{max-width:420px}.cut-copy{padding:20px}.comic-cut-row:hover{transform:none}.chapter-head{padding:18px}.chapter-notes{padding-inline:18px}}
@media(max-width:520px){.chapter-head>span{display:none}.cut-dialogue p{font-size:17px}.cut-grammar{display:block}.cut-grammar b{display:block;margin-bottom:3px}.story-chapter{border-radius:20px}}

/* 9 TENSE-inspired textbook story */
.tense-book-layout{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;overflow:visible;border:1px solid #d7c9b7;border-radius:28px;background:#10294d;box-shadow:0 22px 62px rgba(16,41,77,.16)}
.tense-book-rail{position:sticky;top:96px;display:flex;flex-direction:column;min-height:690px;padding:32px 24px 24px;border-radius:27px 0 0 27px;background:#10294d;color:#fff}.rail-number{width:66px;height:66px;margin-bottom:25px;border-radius:50%;display:grid;place-items:center;background:#f05a49;font:700 35px Georgia,serif}.tense-book-rail h3{margin:0;font-size:32px;line-height:1.08;letter-spacing:.02em}.tense-book-rail h3 em{color:#f4c768;font-style:normal}.tense-book-rail>p{margin:20px 0 30px;color:#c7d5e8;font-size:13px}.tense-book-rail nav{display:grid;gap:12px}.story-nav-tab{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:0;border-radius:14px;background:#e4f1f8;color:#10294d;font-size:11px;font-weight:900;text-align:left}.story-nav-tab span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(16,41,77,.09);font-size:9px}.story-nav-tab.tab-2{background:#fff1c7}.story-nav-tab.tab-3{background:#dcefe8}.story-nav-tab.tab-4{background:#eee8f8}.story-nav-tab:hover,.story-nav-tab.active{outline:3px solid rgba(255,255,255,.72);transform:translateX(3px)}.tense-book-rail>small{margin-top:auto;color:#7890ad;font-size:9px;line-height:1.5}
.tense-book-pages{display:grid;gap:16px;padding:16px;background:#f1f4f7;border-radius:0 27px 27px 0}.book-cover,.book-scene{overflow:hidden;border:1px solid #ddcfbd;border-radius:19px;background:#fff8ec}.book-cover{min-height:650px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;padding:50px clamp(28px,5vw,68px)}.book-cover>img{width:100%;height:auto;mix-blend-mode:multiply}.cover-copy>p{margin:0 0 16px;color:#f05a49;font-size:10px;font-weight:950;letter-spacing:.14em}.cover-copy h3{margin:0;color:#10294d;font:700 clamp(42px,5.2vw,67px)/.98 Georgia,"Noto Serif KR",serif}.cover-copy h3 em{color:#f05a49;font-weight:500}.cover-copy>span{display:block;margin:26px 0;color:#697487;font-size:15px;line-height:1.8}.story-flow{padding:18px 20px;border:1px solid #bfd9cf;border-radius:15px;background:#dcefe8}.story-flow b{display:block;margin-bottom:7px;color:#10294d;font-size:10px}.story-flow p{margin:0;color:#17243a;font-size:12px;font-weight:800;line-height:1.55}
.book-scene{scroll-margin-top:96px}.book-scene-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:27px 32px 20px}.book-scene-head small{color:#f05a49;font-size:10px;font-weight:950;letter-spacing:.12em}.book-scene-head h3{margin:6px 0 7px;color:#10294d;font:700 clamp(27px,3.3vw,39px)/1.08 Georgia,"Noto Serif KR",serif}.book-scene-head p{margin:0;color:#697487;font-size:13px}.book-scene-head>span{padding:8px 11px;border-radius:10px;background:#10294d;color:#fff;font-size:10px;font-weight:900}.book-illustration{margin:0 30px 22px;border-radius:20px;overflow:hidden;background:#fff8ec}.book-illustration img{display:block;width:100%;height:auto}.book-dialogue{margin:0 30px 26px;border-top:1px solid #ddcfbd}.book-line{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:14px 8px;border-bottom:1px solid #e8ddcf}.book-line:nth-child(even){background:rgba(255,255,255,.54)}.book-speaker{display:flex;align-items:center;gap:7px;padding-top:2px;font-size:10px;font-weight:950;letter-spacing:.06em}.book-speaker span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f1eee8;color:#697487}.book-speaker.sheila{color:#f05a49}.book-speaker.bob{color:#285681}.book-copy p{margin:0;color:#17243a;font-size:17px;line-height:1.5}.book-copy>small{display:block;margin-top:4px;color:#697487;font-size:12px;line-height:1.55}.book-grammar{display:flex;gap:8px;margin-top:9px;padding:8px 10px;border-radius:9px;background:#fff1c7;color:#685827;font-size:11px;line-height:1.5}.book-grammar b{flex:0 0 auto;color:#a56f00}.book-note{margin:0 30px 30px;padding:16px 18px;border:1px solid #ddcfbd;border-radius:14px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 32px,#d7dee6 33px)}.book-note .teacher-notes-label{background:#fff}.book-note .teacher-notes-body{min-height:66px;line-height:33px}
@media(max-width:960px){.tense-book-layout{grid-template-columns:1fr;background:#f1f4f7}.tense-book-rail{position:relative;top:auto;min-height:0;border-radius:27px 27px 0 0}.tense-book-rail h3 br{display:none}.tense-book-rail nav{grid-template-columns:repeat(4,1fr)}.tense-book-rail>small{margin-top:22px}.tense-book-pages{border-radius:0 0 27px 27px}.book-cover{min-height:0}}
@media(max-width:720px){.tense-book-rail nav{grid-template-columns:repeat(2,1fr)}.book-cover{grid-template-columns:1fr;padding:34px 24px}.book-cover>img{order:-1}.book-scene-head{padding:23px 20px 17px}.book-illustration,.book-dialogue,.book-note{margin-left:18px;margin-right:18px}.book-line{grid-template-columns:1fr;gap:5px}.book-copy p{font-size:16px}.book-grammar{display:block}.book-grammar b{display:block;margin-bottom:3px}}