.classroom-content *{box-sizing:border-box}.classroom-content{margin:0;background:#f8f5ed;color:#243b39;font-family:'Malgun Gothic',sans-serif;line-height:1.7}.classroom-content header{max-width:1100px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd8cb;gap:16px}.classroom-content header a{text-decoration:none;color:#214c44;font-weight:800;font-size:22px;letter-spacing:2px}.classroom-content header a span{font-size:12px;letter-spacing:0;font-weight:500}.classroom-content .badge{font-size:12px;background:#e9eddb;padding:5px 12px;border-radius:20px}.classroom-content main{max-width:960px;margin:auto;padding:24px}.classroom-content .intro{padding:10px 0 22px}.classroom-content .eyebrow{font-size:13px;color:#8c6540;letter-spacing:1px}.classroom-content h1{font-size:clamp(28px,4.5vw,42px);line-height:1.35;letter-spacing:-1.5px;margin:10px 0}.classroom-content h1 em{font-style:normal;color:#be6748}.classroom-content p{margin:10px 0}.classroom-content .meta{font-size:13px;color:#647773}.classroom-content .player{background:#fff;border:1px solid #dcded4;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #3547350b}.classroom-content .chapterline{display:flex;justify-content:space-between;padding:12px 20px;background:#214c44;color:white;font-size:14px}.classroom-content figure{margin:0}.classroom-content #frame{width:100%;aspect-ratio:3/2;overflow:hidden;position:relative;background:#eee6d5}.classroom-content #art{position:absolute;width:200%;height:200%;max-width:none;object-fit:fill;left:0;top:0}.classroom-content #frame.page #art{width:100%;height:100%;left:0!important;top:0!important}.classroom-content figcaption{text-align:center;padding:9px 16px;background:#fff4db;font-weight:700;font-size:17px}.classroom-content .caption{font-size:calc(21px * var(--caption-scale,1));line-height:1.75;min-height:105px;padding:20px 30px;color:#263b3b;word-break:keep-all;overflow-wrap:anywhere}.classroom-content #status{font-size:12px;color:#53655b;text-align:center;padding:0 16px;min-height:25px}.classroom-content .timeline{display:flex;align-items:center;gap:12px;padding:10px 24px;font-variant-numeric:tabular-nums;font-size:12px}.classroom-content #seek{flex:1;min-width:50px}.classroom-content input[type=range]{accent-color:#2d6657}.classroom-content .transport,.classroom-content .settings{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:8px 16px 15px}.classroom-content button,.classroom-content select{font:inherit;border:1px solid #c8d3c8;border-radius:9px;padding:8px 13px;background:white;color:#23453f;cursor:pointer}.classroom-content button:hover{background:#edf3e7}.classroom-content button:focus-visible,.classroom-content select:focus-visible,.classroom-content input:focus-visible,.classroom-content summary:focus-visible{outline:3px solid #ca733e;outline-offset:3px}.classroom-content .primary{background:#245749;color:white;min-width:120px;font-weight:bold}.classroom-content .primary:hover{background:#173f34}.classroom-content .settings{background:#f5f7f2;font-size:12px}.classroom-content .settings label{display:flex;align-items:center;gap:5px}.classroom-content #volume{width:75px}.classroom-content .settings select,.classroom-content .settings button{padding:4px 8px}.classroom-content #chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.classroom-content #chapters button{text-align:left;font-size:13px}.classroom-content #chapters button[aria-current=true]{background:#e5eddd;border-color:#517356}.classroom-content .scenegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0}.classroom-content .scenegrid button{font-size:12px;text-align:left}.classroom-content details,.classroom-content .practice,.classroom-content .family{background:#fffdf8;border:1px solid #e1dfd2;border-radius:12px;padding:18px 22px;margin:14px 0}.classroom-content summary{cursor:pointer;font-weight:700}.classroom-content h2{font-size:21px;margin:0 0 8px}.classroom-content h3{font-size:17px}.classroom-content #questions article{padding:12px 0;border-bottom:1px solid #ddd}.classroom-content #questions button{margin:4px}.classroom-content #questions p.feedback{color:#7b4b2d;font-weight:600}.classroom-content #transcript{font-size:16px;line-height:2}.classroom-content footer{font-size:12px;color:#67736b;margin:28px 0}.classroom-content a{color:#24675a}.classroom-content [hidden]{display:none!important}@media(min-width:760px){.classroom-content #frame{max-height:470px;aspect-ratio:3/2;width:705px;max-width:100%;margin:auto}.classroom-content .player figure{background:#eee6d5}}@media(max-width:600px){.classroom-content header{padding:14px}.classroom-content header a span{display:none}.classroom-content main{padding:14px}.classroom-content #chapters{grid-template-columns:repeat(2,1fr)}.classroom-content .scenegrid{grid-template-columns:repeat(2,1fr)}.classroom-content .caption{padding:15px 18px;font-size:calc(18px * var(--caption-scale,1));min-height:105px}.classroom-content .chapterline{font-size:12px;padding:10px 12px}.classroom-content figcaption{font-size:15px}.classroom-content .transport{gap:7px}.classroom-content .transport button{padding:7px 10px}.classroom-content .primary{min-width:92px}.classroom-content .settings{gap:9px}.classroom-content .badge{font-size:10px}.classroom-content details,.classroom-content .practice,.classroom-content .family{padding:15px}.classroom-content .intro{padding-top:0}}@media print{.classroom-content header,.classroom-content .intro,.classroom-content .player,.classroom-content nav,.classroom-content details,.classroom-content .practice,.classroom-content footer,.classroom-content button{display:none!important}.classroom-content .family{display:block;border:0}.classroom-content .family li{margin-bottom:80px}.classroom-content{background:white}}
.classroom-content button{word-break:keep-all;overflow-wrap:anywhere}