@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@500;600;700&display=swap";:root{--paper: #f5f3ec;--ink: #1e3540;--muted: #707b7b;--line: #dcded5;--green: #2b7364;--mint: #e8efe7;--serif: "Noto Serif KR", Batang, serif;--sans: "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);word-break:keep-all}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid #bb723b;outline-offset:5px}a{color:inherit}button{color:var(--ink)}.skip{position:absolute;top:-100px;background:var(--ink);color:#fff;padding:12px;z-index:10}.skip:focus{top:10px}.site-header{height:92px;margin:0 4.2%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:36px}.brand{display:flex;align-items:center;gap:9px;font-size:19px;text-decoration:none;letter-spacing:-1px;white-space:nowrap}.brand strong{font-weight:700}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);width:31px;height:31px;font:30px Georgia;border-radius:50%;margin-right:4px}.edition{font-size:12px;color:var(--muted);flex:1;letter-spacing:.1px}.edition span{margin:0 12px;color:#abb2aa}.outline-button{background:none;border:1px solid #c4cbc1;border-radius:5px;padding:10px 14px;font-size:12px;white-space:nowrap}.outline-button span{margin-left:20px}.book-shell{max-width:1530px;margin:auto;display:grid;grid-template-columns:225px minmax(0,1fr);padding:0 4.2%;gap:52px}.sidebar{border-right:1px solid var(--line);padding:41px 25px 30px 0}.chapter-index{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--green)}.sidebar h2{font-family:var(--serif);font-size:25px;letter-spacing:-1px;margin:14px 0}.sidebar-subtitle{font-size:11px;color:var(--muted);margin-top:28px}.current-topic{font-weight:600;font-size:14px;margin-bottom:17px}#page-list{display:flex;flex-direction:column;gap:2px}#page-list button{border:0;background:none;display:flex;gap:12px;text-align:left;align-items:center;padding:9px;font-size:11px;color:#6f7b79;border-radius:4px;line-height:1.6}#page-list button span{font-size:9px;letter-spacing:1px;opacity:.65}#page-list button[aria-current]{color:var(--green);background:#e4ebe1;font-weight:700}#page-list button:hover{background:#eceee5}.sidebar-note{display:flex;gap:12px;margin-top:36px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;line-height:1.9;color:#879188}.sidebar-note span{font-size:24px}.sidebar-note p{margin:0}main{padding:32px 0 20px;min-width:0}main:focus{outline:none}.page-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.6px;color:var(--muted)}.slash{padding:0 12px;color:#a2aaa1}#page-counter{font-variant-numeric:tabular-nums;letter-spacing:2px}.section-label{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1px;color:var(--green);margin-top:39px}.tiny-line{width:19px;height:1px;background:var(--green)}h1{font-family:var(--serif);font-size:clamp(32px,3.25vw,49px);line-height:1.5;letter-spacing:-2px;font-weight:600;margin:17px 0}.lead{font-size:14px;line-height:1.95;color:#6b7776;letter-spacing:-.2px;margin:0 0 31px}.lesson-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:32px;align-items:start}.visual-card{background:var(--mint);border:1px solid #d9e3d7;border-radius:10px;overflow:hidden}.visual-top{display:flex;align-items:center;justify-content:space-between;padding:19px 22px 0;font-size:10px;letter-spacing:.7px;color:#557567}.visual-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#518973;margin:0 7px 2px 0}.diagram-stage{padding:9px 8px 0}.diagram-stage svg{width:100%;display:block;overflow:visible}.dot{fill:#347a68;stroke:#2a6657;stroke-width:1;filter:drop-shadow(0 3px 1px #24564616)}.dot.leftover{fill:#e7b16e;stroke:#af7643;stroke-width:2;stroke-dasharray:3 2}.scene-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 0;gap:10px;font-size:11px;color:var(--green)}.scene-heading strong{border:1px solid #b8ccba;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:500;background:#f6f8ef}.row-guide rect{fill:#d4e5cc;stroke:#9ebf9c;stroke-width:1.5}.row-guide:nth-child(2n) rect{fill:#d2e4e3;stroke:#99bdbc}.row-guide text,.remainder-callout text{fill:#56755e;font:14px var(--sans)}.remainder-callout path{fill:none;stroke:#9a6530;stroke-width:1.5}.remainder-callout text{fill:#85531f}.group-equation{display:flex;justify-content:center;align-items:baseline;gap:14px;padding:0 15px 18px;color:#5a7467;font-size:clamp(22px,2.2vw,32px);font-variant-numeric:tabular-nums}.group-equation.settled{color:#235f4f}.group-equation small{font-size:11px;margin-left:4px}.group-equation b{font-size:18px;font-weight:400}.group-equation.has-remainder>span:last-child{color:#85531f}.discovery{margin:0 18px 18px;padding:14px 16px;background:#f7f9f0;border:1px solid #cfdec9;border-radius:7px;min-height:108px;opacity:0}.discovery.revealed{opacity:1}.discovery span,.discovery strong,.discovery small{display:block}.discovery span{color:#69815f;font-size:10px}.discovery strong{font-size:16px;font-weight:500;margin:5px 0;letter-spacing:.4px}.discovery small{font-size:11px;color:#62725e;line-height:1.8}.motion-beats{display:flex;gap:4px;padding:0 18px 12px}.motion-beats span{flex:1;text-align:center;color:#75866e;font-size:10px;border-top:2px solid #c9d7c2;padding-top:7px}.motion-beats .current{color:#235f4f;border-color:#347a68;font-weight:700}.motion-beats .complete{border-color:#79a28a}.scene-progress-track{height:3px;background:#d4e0cd}.scene-progress-track span{height:100%;display:block;background:#397e67}.number-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.number-comparison figure{margin:0;min-width:0;background:#e8efe7;border:1px solid #d3dfcf;border-radius:7px;padding:10px}.number-comparison figure:last-child{background:#f3eadd;border-color:#e1cbae}.number-comparison svg{width:100%;display:block}.number-comparison strong,.number-comparison span{display:block;font-size:11px;line-height:1.8}.number-comparison span{color:#707b6b;font-size:10px}.baseline{stroke:#a1b7a6;stroke-width:1;stroke-dasharray:2 5;opacity:.5}.scene-caption{text-align:center;min-height:90px;padding:0 15px 14px}.scene-caption h2{font-size:20px;font-weight:500;letter-spacing:.3px;margin:0 0 9px}.scene-caption p{font-size:12px;line-height:1.7;margin:0;color:#657c6d;min-height:36px}.motion-controls{border-top:1px solid #d3dfd1;padding:11px 15px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;align-items:center}.motion-controls>span{font-size:10px;color:#6b806f}.motion-controls>div{display:flex;gap:6px;margin-left:auto}.motion-controls button{border:0;background:#f5f7ef9e;padding:7px 9px;border-radius:4px;font-size:10px;white-space:nowrap}.reading-label{display:block;font-size:10px;color:#8c9287;letter-spacing:1px;margin-bottom:13px}.explanation>p{font-size:16px;line-height:2.05;margin:0 0 18px;letter-spacing:-.3px}.takeaway{margin-top:22px;border-top:1px solid #cbd4c9;padding-top:16px}.takeaway>span{font-size:10px;color:var(--green);font-weight:600}.takeaway p{font-family:var(--serif);font-size:17px;line-height:1.85;letter-spacing:-.5px;margin:9px 0 0}.storyboard{margin-top:30px}.story-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.story-heading h2{font-size:11px;font-weight:500;margin:0}.story-heading>span{font-size:9px;color:#91998e}.story-frames{display:flex;gap:12px}.story-frame{margin:0;border:1px solid var(--line);border-radius:6px;flex:1;min-width:0;transition:border-color .4s;background:#f9f8f2}.story-frame.active{border-color:#7da58a}.story-frame svg{width:100%;max-height:102px;display:block;margin:7px auto 0}.story-frame .dot{transition:none}.story-frame figcaption{padding:6px 13px 13px;font-size:12px}.step-index{font-size:8px;color:#8d9e8a;margin-right:8px}.story-frame strong{font-weight:500}.story-frame p{font-size:12px;color:var(--muted);line-height:1.8;margin:7px 0 0}.side-note{font-size:11px;line-height:1.9;color:#76816f;padding-left:12px;border-left:2px solid #d6dccc;margin-top:20px}.side-note>span{display:block;font-size:9px;font-weight:600;color:var(--green);margin-bottom:2px}.book-footer{margin-top:32px;border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:space-between;align-items:center;gap:25px}.reading-progress{max-width:210px;flex:1}.reading-progress>span{font-size:9px;color:#8b9488}.progress-track{background:#e1e5d9;height:3px;margin-top:10px}.progress-track span{display:block;height:3px;background:#4f7f60}.navigation{display:flex;gap:12px}.nav-button{border:1px solid #c9d0c3;border-radius:5px;background:transparent;padding:12px 18px;font-size:11px;min-height:44px}.next{background:var(--ink);color:#f3f5e8;border-color:var(--ink);min-width:145px}.nav-button:hover:not(:disabled){border-color:var(--green);box-shadow:0 2px 6px #26392a15}.book-note{text-align:right;font-size:9px;color:#929a90;line-height:1.8;margin:12px 0 0}.project-navigation{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;font-size:12px}.project-navigation a{color:var(--green);text-underline-offset:4px}.contents{margin:24px 4.2%;padding:30px;border:1px solid var(--line);border-radius:8px;background:#efeee5}.contents[hidden]{display:none}.contents h2{font-family:var(--serif);font-size:26px}.contents-intro p{font-size:12px;color:var(--muted)}.contents ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.contents li{background:var(--paper);border:1px solid var(--line);padding:15px}.contents li>span{font-size:10px;color:#7b8e7a;margin-right:10px}.contents strong{font-size:13px;font-weight:500}.contents small{display:block;font-size:10px;color:#879182;margin-top:9px}.source{font-size:10px;color:var(--muted);line-height:1.9}.summary-grid,.vocab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.vocab-grid{grid-template-columns:repeat(2,1fr)}.summary-grid>div,.vocab-grid>div{padding:21px;background:#eaece0;border-radius:6px}.summary-grid span,.vocab-grid span{font-size:10px;color:#6e816c;display:block}.summary-grid strong,.vocab-grid strong{display:block;font-family:var(--serif);font-size:22px;margin:14px 0}.summary-grid p,.vocab-grid p{font-size:11px;color:var(--muted);margin:0}@media(min-width:1600px){.book-shell{padding:0 60px}.lesson-grid{gap:40px}.explanation>p{font-size:16px}.lead{font-size:16px}}@media(max-width:1100px){.book-shell{grid-template-columns:176px minmax(0,1fr);gap:30px}.sidebar{padding-right:15px}.lesson-grid{gap:22px}.explanation>p{font-size:13px}.edition{font-size:10px}.edition span{margin:0 5px}.motion-controls>span{font-size:8px}.scene-caption h2{font-size:18px}}@media(max-width:800px){.site-header{height:75px;margin:0 22px;gap:10px}.brand{font-size:17px}.edition{display:none}.outline-button{margin-left:auto;font-size:10px;padding:9px 10px}.outline-button span{margin-left:8px}.book-shell{display:block;padding:0 24px}.sidebar{display:none}main{padding-top:24px}.section-label{margin-top:30px}h1{font-size:37px}.lesson-grid{grid-template-columns:1.1fr 1fr;gap:24px}.explanation>p{font-size:13px}.lead{font-size:13px}.contents{margin:18px 22px;padding:22px}.contents ol{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.book-shell{padding:0 22px}.page-meta{font-size:8px;letter-spacing:0}.slash{padding:0 5px}h1{font-size:32px;letter-spacing:-1.5px;line-height:1.55;margin-top:16px}.section-label{font-size:10px}.lead{font-size:13px;line-height:1.95;margin-bottom:24px}.lead br{display:none}.lesson-grid{display:flex;flex-direction:column;gap:25px}.visual-card,.explanation{width:100%}.visual-top{padding:16px 18px 0}.diagram-stage{max-width:440px;margin:auto}.scene-caption{min-height:82px}.scene-caption h2{font-size:20px}.scene-caption p{font-size:11px}.motion-controls{padding:10px 12px}.motion-controls>span{font-size:8px}.motion-controls button{min-height:36px;padding:9px;font-size:10px}.explanation>p{font-size:15px;line-height:2.05;margin-bottom:18px}.reading-label{font-size:10px}.takeaway p{font-size:18px}.storyboard{margin-top:27px}.story-frames{flex-direction:column;gap:9px}.story-frame{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center}.story-frame svg{margin:0;max-height:90px}.story-frame figcaption{padding:15px 12px 15px 0}.story-frame strong{font-size:12px}.story-frame p{font-size:11px;line-height:1.75}.story-heading>span{font-size:8px}.side-note{font-size:11px}.book-footer{margin-top:26px;gap:15px}.reading-progress{min-width:68px}.navigation{gap:7px}.nav-button{padding:11px 13px;font-size:11px}.next{min-width:135px}.book-note{font-size:9px;text-align:left}.summary-grid{gap:6px}.summary-grid>div{padding:12px 9px}.summary-grid strong{font-size:15px}.summary-grid span,.summary-grid p{font-size:9px}.vocab-grid{gap:8px}.vocab-grid>div{padding:15px}.vocab-grid strong{font-size:20px}.contents ol{grid-template-columns:1fr}.contents h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.story-frame,.story-frame.active{border-color:var(--line)}}