.classroom-content{--ink:#183a3b;--muted:#596e6c;--paper:#fbf8f1;--line:#dddcd2;--green:#285c50;--gold:#a3652e;--soft:#edf1e8;color-scheme:light;font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:var(--ink);background:var(--paper)}.classroom-content *{box-sizing:border-box}.classroom-content{margin:0}.classroom-content a{color:inherit}.classroom-content button,.classroom-content select,.classroom-content input{font:inherit}.classroom-content button,.classroom-content select{border:1px solid #bcc8be;background:#fffdf8;color:var(--ink);border-radius:9px;padding:10px 14px;cursor:pointer}.classroom-content button:hover{background:#e8eee5}.classroom-content button:disabled{opacity:.5;cursor:default}.classroom-content button:focus-visible,.classroom-content a:focus-visible,.classroom-content input:focus-visible,.classroom-content select:focus-visible,.classroom-content summary:focus-visible{outline:3px solid #c4823c;outline-offset:4px}.classroom-content input[type=range]{accent-color:var(--green);cursor:pointer;min-height:26px}.classroom-content header{max-width:1280px;margin:auto;padding:23px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.classroom-content .brand{display:flex;gap:12px;text-decoration:none;font-weight:800;font-size:16px;align-items:center}.classroom-content .brand-mark{font-family:Georgia,serif;font-size:35px;line-height:40px;border-bottom:3px solid #b58552}.classroom-content .brand small{display:block;font-size:11px;letter-spacing:.08em;margin-top:3px;font-weight:400}.classroom-content .review-badge{font-size:12px;border:1px solid #d7cbb6;border-radius:30px;padding:8px 13px;color:#765532}.classroom-content main{max-width:1280px;margin:auto;padding:0 36px}.classroom-content .intro{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:40px 0 30px}.classroom-content .eyebrow{font-size:12px;font-weight:700;letter-spacing:.09em;color:#8d602f;margin:0 0 13px}.classroom-content h1{font-family:Georgia,"Batang",serif;font-size:clamp(29px,3.3vw,43px);letter-spacing:-.05em;line-height:1.3;margin:0}.classroom-content .subtitle{color:var(--muted);font-size:16px;margin:13px 0 0}.classroom-content .edition{min-width:180px;display:flex;flex-direction:column;gap:7px;border-left:1px solid #cecbbd;padding-left:24px;font-size:12px;color:var(--muted)}.classroom-content .edition strong{font-size:24px;color:var(--ink)}.classroom-content .layout{display:grid;grid-template-columns:minmax(0,1fr) 246px;gap:25px;align-items:start}.classroom-content .player{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fffdf8;box-shadow:0 12px 28px #183a3b08}.classroom-content .scene-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;font-size:12px}.classroom-content .scene-top span:first-child{font-weight:700}.classroom-content .stage{aspect-ratio:1.7;position:relative;overflow:hidden;background:#e7dfcf;display:flex}.classroom-content .stage>img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;transition:object-position 1s}.classroom-content .art-label{position:absolute;top:17px;left:17px;max-width:80%;font-size:13px;background:#fffdf8ed;border-radius:30px;padding:8px 13px;box-shadow:0 2px 12px #0001}.classroom-content .diagram{position:absolute;right:20px;bottom:19px;width:45%;padding:17px 20px;background:#fffdf8f5;border-radius:12px;box-shadow:0 4px 18px #16312a12}.classroom-content .diagram small{color:var(--gold);font-size:10px;letter-spacing:.12em}.classroom-content .diagram h2{font-size:17px;line-height:1.45;margin:7px 0 12px;word-break:keep-all}.classroom-content .diagram ol{padding:0;margin:0;list-style:none;font-size:12px;line-height:1.5}.classroom-content .diagram li{padding:6px 7px;border-top:1px solid #e4e5dc;transition:background .3s}.classroom-content .diagram li.active{background:#e4ebdb;color:#214833;font-weight:700;border-radius:4px}.classroom-content .stage.document>img{width:52%;object-position:46% center}.classroom-content .stage.document .diagram{width:48%;right:0;top:0;bottom:0;border-radius:0;padding:28px 22px;display:flex;flex-direction:column;justify-content:center}.classroom-content .stage.document .art-label{max-width:46%;font-size:11px}.classroom-content .stage.document .diagram h2{font-size:19px}.classroom-content .stage.document .diagram li{font-size:13px;padding:9px 6px}.classroom-content .diagram table{border-collapse:collapse;width:100%;font-size:12px;margin:0 0 12px}.classroom-content .diagram td,.classroom-content .diagram th{border-bottom:1px solid #d6d7cc;text-align:left;padding:7px 4px}.classroom-content .diagram th{font-weight:400;color:var(--muted)}.classroom-content .diagram td{font-weight:700}.classroom-content .timeline{font-size:11px;margin:10px 0}.classroom-content .timeline div{margin:8px 0}.classroom-content .timeline b{display:block;background:#82977b;height:8px;margin-top:5px;border-radius:4px}.classroom-content .timeline div:last-child b{width:95%;background:#bf935c}.classroom-content .diagram .fiction{font-size:10px;color:#796855}.classroom-content .captions{padding:18px 25px 15px;min-height:108px;border-bottom:1px solid var(--line)}.classroom-content .caption-tag{font-size:10px;color:#778578;letter-spacing:.08em}.classroom-content .captions p{font-size:20px;line-height:1.65;min-height:2em;margin:7px 0 0;word-break:keep-all;overflow-wrap:anywhere}.classroom-content .captions.large p{font-size:26px}.classroom-content .controls{padding:16px 22px 13px}.classroom-content .progress-info{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.classroom-content #seek{width:100%;display:block;margin:5px 0 14px}.classroom-content .transport{display:flex;gap:9px;justify-content:center}.classroom-content .transport button{font-size:13px}.classroom-content .transport .primary{min-width:155px;background:var(--green);color:white;border-color:var(--green);font-weight:700}.classroom-content .transport .primary:hover{background:#1c493e}.classroom-content .preferences{margin-top:17px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;font-size:12px}.classroom-content .preferences button,.classroom-content .preferences select{font-size:11px;padding:7px 9px}.classroom-content .preferences label{display:flex;gap:7px;align-items:center}.classroom-content .volume input{width:75px}.classroom-content .volume output{min-width:31px;font-size:11px}.classroom-content .status{font-size:11px;color:var(--muted);text-align:center;min-height:17px;margin:14px 0 0}.classroom-content #retry{display:block;margin:8px auto}.classroom-content #retry[hidden]{display:none}.classroom-content .sidebar h2{font-size:16px;margin:3px 0 8px}.classroom-content .sidebar-note{color:var(--muted);font-size:12px;margin:0 0 17px}.classroom-content .sidebar nav{display:flex;flex-direction:column;gap:7px}.classroom-content .chapter{display:grid;grid-template-columns:26px 1fr;gap:8px;text-align:left;padding:13px 12px;background:transparent;border-color:#dfdfd3;border-radius:10px}.classroom-content .chapter .num{font-family:Georgia,serif;font-size:18px;color:#929a8e}.classroom-content .chapter .title{font-size:12px;line-height:1.55;word-break:keep-all}.classroom-content .chapter .time{display:block;font-size:10px;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums}.classroom-content .chapter[aria-current=true]{background:#e8edde;border-color:#94aa91}.classroom-content .chapter[aria-current=true] .num{color:var(--green)}.classroom-content .mode{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.classroom-content .mode label{display:block;font-weight:700;font-size:12px;margin-bottom:9px}.classroom-content .mode select{width:100%;font-size:12px;padding:10px 7px}.classroom-content .mode p,.classroom-content .save-note p{font-size:11px;color:var(--muted);line-height:1.7}.classroom-content .save-note{margin-top:23px}.classroom-content .save-note strong{font-size:12px}.classroom-content .save-note button{font-size:10px;padding:7px 9px;background:transparent}.classroom-content .transcript{border-top:1px solid var(--line);padding:17px 22px}.classroom-content .transcript summary,.classroom-content .references summary{cursor:pointer;font-weight:700;font-size:13px}.classroom-content .transcript p{font-size:15px;line-height:1.9;word-break:keep-all}.classroom-content .transcript h3{font-size:14px;margin-top:25px}.classroom-content .quiz,.classroom-content .completion{padding:25px;background:#edf2e5;border-top:1px solid #cbd5bf}.classroom-content .quiz h2,.classroom-content .completion h2{font-size:19px;line-height:1.55}.classroom-content .quiz #answers{display:flex;flex-direction:column;gap:8px}.classroom-content .quiz #answers button{text-align:left;font-size:13px}.classroom-content .quiz #answers button.correct{border:2px solid #285c50;background:#e0ebd8}.classroom-content .quiz #answers button.incorrect{border:2px solid #ad713c}.classroom-content .quiz p,.classroom-content .completion p{font-size:14px;line-height:1.7}.classroom-content .quiz>button{font-size:12px;margin:5px}.classroom-content .completion>a,.classroom-content .completion>button{font-size:12px;margin:8px;display:inline-block}.classroom-content .worksheet{margin:42px 0 20px;border-top:1px solid #cdd1c2;padding:28px 0 22px;display:grid;grid-template-columns:.9fr 1.1fr;gap:20px 45px}.classroom-content .worksheet h2{font-size:25px;margin:0 0 14px;letter-spacing:-.05em}.classroom-content .worksheet p{font-size:13px;line-height:1.9;color:var(--muted)}.classroom-content #checks{display:flex;flex-direction:column;gap:10px}.classroom-content #checks label{display:flex;gap:12px;font-size:13px;line-height:1.7;padding:7px 0;border-bottom:1px solid #e3e3d8}.classroom-content #checks input{width:17px;min-width:17px;accent-color:var(--green)}.classroom-content #print{justify-self:start;font-size:12px}.classroom-content .references{padding:20px 0 30px;border-top:1px solid var(--line)}.classroom-content .references p,.classroom-content .references li{font-size:12px;color:var(--muted);line-height:1.8}.classroom-content .references li{margin:6px 0}.classroom-content footer{max-width:1280px;margin:auto;padding:25px 36px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.classroom-content .mobile-break{display:none}.classroom-content .skip{position:fixed;top:-70px;left:10px;background:white;z-index:20;padding:12px}.classroom-content .skip:focus{top:10px}.classroom-content [hidden]{display:none!important}@media(max-width:1000px){.classroom-content .layout{grid-template-columns:minmax(0,1fr) 210px;gap:17px}.classroom-content main,.classroom-content header{padding-left:22px;padding-right:22px}.classroom-content .stage.document .diagram{padding:16px 13px}.classroom-content .stage.document .diagram h2{font-size:16px}.classroom-content .stage.document .diagram li{font-size:11px}.classroom-content .diagram{padding:12px;width:47%;right:12px;bottom:12px}.classroom-content .diagram h2{font-size:15px}.classroom-content .diagram li{font-size:11px}.classroom-content .captions p{font-size:18px}}@media(max-width:740px){.classroom-content header{padding:15px 18px}.classroom-content .brand{font-size:13px}.classroom-content .brand small{font-size:9px}.classroom-content .brand-mark{font-size:28px;line-height:34px}.classroom-content .review-badge{font-size:10px;padding:6px 9px}.classroom-content main{padding:0 15px}.classroom-content .intro{padding:27px 3px 23px;gap:15px;align-items:start}.classroom-content .eyebrow{font-size:10px;margin-bottom:10px}.classroom-content .intro h1{font-size:29px}.classroom-content .subtitle{font-size:13px;line-height:1.5}.classroom-content .edition{padding-left:0;border:0;min-width:0;text-align:right;max-width:110px;font-size:10px}.classroom-content .edition strong{font-size:17px}.classroom-content .edition small{font-size:9px;line-height:1.5}.classroom-content .mobile-break{display:block}.classroom-content .layout{display:flex;flex-direction:column;gap:25px}.classroom-content .player,.classroom-content .sidebar{width:100%}.classroom-content .scene-top{font-size:10px;padding:12px 14px}.classroom-content .stage{aspect-ratio:1.22}.classroom-content .stage>img{object-position:50% 35%}.classroom-content .art-label{top:11px;left:11px;font-size:11px;padding:7px 10px}.classroom-content .diagram{right:11px;bottom:11px;width:64%;padding:10px 12px}.classroom-content .diagram h2{font-size:13px;margin:4px 0 5px}.classroom-content .diagram small{font-size:8px}.classroom-content .diagram li{font-size:10px;padding:4px 5px}.classroom-content .stage.document{aspect-ratio:1.22}.classroom-content .stage.document>img{width:43%;object-position:48% center}.classroom-content .stage.document .diagram{width:57%;padding:12px 10px}.classroom-content .stage.document .art-label{top:auto;bottom:10px;left:7px;max-width:39%;font-size:9px;border-radius:6px;padding:6px}.classroom-content .stage.document .diagram h2{font-size:14px}.classroom-content .stage.document .diagram li{font-size:10px;padding:7px 4px}.classroom-content .diagram table{font-size:10px;margin:0 0 4px}.classroom-content .diagram th,.classroom-content .diagram td{padding:5px 2px}.classroom-content .captions{padding:14px 16px;min-height:100px}.classroom-content .captions p{font-size:18px;line-height:1.6}.classroom-content .captions.large p{font-size:23px}.classroom-content .controls{padding:15px 13px}.classroom-content .transport{gap:6px;flex-wrap:wrap}.classroom-content .transport button{padding:10px;font-size:11px}.classroom-content .transport .primary{min-width:130px}.classroom-content #restart{font-size:10px}.classroom-content .preferences{gap:10px 12px}.classroom-content .sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.classroom-content .chapter{padding:11px 8px;grid-template-columns:21px 1fr;gap:5px}.classroom-content .chapter .title{font-size:11px}.classroom-content .chapter .num{font-size:16px}.classroom-content .sidebar-note{margin-bottom:12px}.classroom-content .mode,.classroom-content .save-note{margin-top:18px}.classroom-content .mode select{max-width:300px}.classroom-content .worksheet{display:block;margin:30px 0 15px;padding:23px 0}.classroom-content .worksheet h2{font-size:23px}.classroom-content #print{margin-top:18px}.classroom-content footer{padding:20px 18px;display:block;line-height:2}.classroom-content footer span{display:block}.classroom-content .references ul{padding-left:20px}.classroom-content .quiz,.classroom-content .completion{padding:20px 16px}}@media(prefers-reduced-motion:reduce){.classroom-content *,.classroom-content *:before,.classroom-content *:after{transition:none!important;scroll-behavior:auto!important}}@media print{.classroom-content header,.classroom-content .intro,.classroom-content .layout,.classroom-content .references,.classroom-content footer,.classroom-content #print{display:none!important}.classroom-content .worksheet{display:block;margin:0;padding:0;border:0}.classroom-content .worksheet input{display:none}.classroom-content #checks label:before{content:'□';font-size:20px}.classroom-content #checks label{margin-bottom:20px;border-bottom:1px solid #888;padding-bottom:28px}.classroom-content{background:white;color:black}.classroom-content .worksheet p{color:black}}
.classroom-content .brand-logo{width:235px;height:auto;display:block}@media(max-width:740px){.classroom-content .brand-logo{width:175px}}
.classroom-content .timeline div:last-child b{width:100%}
@media(max-width:740px){.classroom-content .stage.document.calculation{aspect-ratio:1}}