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