@import url('fonts.css');
:root{--paper:#faf8f1;--white:#fffdf8;--ink:#203d32;--green:#224e3d;--muted:#748077;--orange:#d5643e;--yellow:#edc367;--line:#dedfd5;--radius:24px;--sans:'Noto Sans KR','Malgun Gothic',sans-serif;--serif:'Noto Serif KR','Batang',serif;font-family:var(--sans);background:var(--paper);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;transition:background .2s,transform .2s}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{opacity:.4;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #368bd0;outline-offset:4px}h1,h2,h3,p{margin-top:0}.skip-link{position:absolute;top:-100px;z-index:100;background:#fff;padding:15px}.skip-link:focus{top:0}.site-header{max-width:1440px;height:90px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px;background:none;padding:0;white-space:nowrap}.brand-icon{display:grid;place-items:center;background:var(--green);color:#fff9e8;font-family:var(--serif);font-size:29px;line-height:1;width:42px;height:42px;border-radius:14px}.brand small{font-size:12px;display:block;color:var(--muted);font-weight:500;letter-spacing:2px;margin-top:3px}.header-links{display:flex;gap:22px;align-items:center}.header-links button{background:none;font-weight:600;font-size:14px;padding:8px}.header-links .small-pill{font-size:12px;background:#eaf0e5;padding:9px 14px;border-radius:20px}.home{max-width:1320px;padding:38px 50px 22px;margin:auto}.home-hero{position:relative;min-height:410px;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:20px;padding:10px 0 38px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:22px}.eyebrow:before{content:'';display:block;width:24px;height:2px;background:currentColor}.date-pill{display:inline-block;border:1px solid #d8dacd;border-radius:8px;padding:6px 11px;font-size:13px;letter-spacing:0;font-weight:500;color:var(--ink)}.home h1{font-family:var(--serif);font-size:clamp(40px,4.1vw,62px);font-weight:800;letter-spacing:-2.6px;line-height:1.4;margin:0 0 22px}.home h1 em{font-style:normal;color:var(--orange);position:relative}.hero-sub{font-size:16px;line-height:1.9;color:#707b70;margin-bottom:24px;word-break:keep-all}.hero-meta{display:flex;gap:18px;font-size:13px;color:#59725e}.hero-meta span+span{padding-left:18px;border-left:1px solid var(--line)}.hero-art{margin:0;position:relative;height:395px}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:60% center;border-radius:34px;mix-blend-mode:multiply}.hero-art figcaption{position:absolute;bottom:9px;right:14px;background:#fff9;padding:5px 9px;border-radius:5px;color:#7a766b;font-size:10px}.floating-word{position:absolute;left:1%;top:22px;display:flex;gap:5px;transform:rotate(-7deg);background:#fffdf5e8;box-shadow:0 12px 30px #28433012;border:1px solid #ffffff;border-radius:16px;padding:12px 17px;font-family:var(--serif);font-size:27px;animation:float 7s ease-in-out infinite}.floating-date{position:absolute;right:15px;bottom:60px;background:var(--green);color:#faf4db;border-radius:50%;width:84px;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;transform:rotate(8deg);box-shadow:0 8px 20px #183c3420}.floating-date strong{font-family:var(--serif);font-size:23px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:8px 0 19px}.section-heading h2{font-size:21px;letter-spacing:-.8px;margin:0}.section-heading p{font-size:13px;color:var(--muted);margin:0}.grade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grade-card{display:block;text-align:left;padding:24px 26px 21px;border-radius:20px;background:#fff;border:1px solid #e0e2d6;min-height:212px;position:relative;overflow:hidden}.grade-card:nth-child(2){background:#e8eddf;border-color:#d9e1ce}.grade-card:nth-child(3){background:#f2e7d5;border-color:#e8dac2}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.grade-tag{font-size:12px;font-weight:700;padding:6px 10px;background:#f4f4eb;border-radius:7px}.grade-card:nth-child(2) .grade-tag{background:#f4f7ee}.grade-card:nth-child(3) .grade-tag{background:#fff6e7}.level-number{font-family:var(--serif);font-size:29px;color:#afb5a4}.grade-card h3{font-size:21px;margin:0 0 9px;letter-spacing:-.7px}.grade-card p{font-size:13px;color:#73806e;line-height:1.8;margin:0 0 18px}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600}.circle-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid #adb89f;border-radius:50%;font-size:20px}.teacher-strip{margin-top:24px;display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding:21px 0}.strip-symbol{width:43px;height:43px;display:grid;place-items:center;background:#e9ede2;border-radius:12px;font-size:22px}.teacher-strip h3{font-size:14px;margin:0 0 4px}.teacher-strip p{font-size:12px;color:var(--muted);margin:0}.teacher-strip .btn{margin-left:auto}.page-footer{display:flex;justify-content:space-between;gap:20px;color:#8e9387;padding:12px 0;font-size:11px;line-height:1.8}.page-footer button{background:none;font-size:11px;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:white;padding:12px 19px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5}.btn.light{background:#eaf0e5;color:var(--green)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn.orange{background:var(--orange);color:#fff}.btn.small{padding:8px 13px;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:12px;padding:13px 22px;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%;font-size:14px}#toast.show{opacity:1}@keyframes float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-9px) rotate(-4deg)}}
@media(max-width:900px){.home{padding:25px 28px}.site-header{padding:0 28px;height:78px}.home-hero{min-height:360px;gap:0}.home h1{font-size:43px}.hero-art{height:345px}.hero-art img{object-position:66%}.header-links .small-pill{display:none}.grade-card{padding:20px}.grade-card h3{font-size:18px}.floating-word{font-size:22px;left:-10px}.floating-date{width:68px;height:68px}.hero-sub{font-size:14px}.grade-grid{gap:12px}.section-heading p{display:none}}
@media(max-width:620px){.site-header{height:70px;padding:0 18px}.brand{font-size:16px;gap:8px}.brand-icon{width:35px;height:35px;font-size:25px}.brand small{font-size:9px}.header-links{gap:10px}.header-links button{font-size:12px;padding:6px 0}.home{padding:28px 20px 15px}.home-hero{grid-template-columns:1fr;padding:0 0 27px}.home h1{font-size:42px;line-height:1.35}.hero-copy{z-index:2}.hero-sub{margin-bottom:16px}.hero-art{height:285px;margin-top:25px}.hero-art img{object-position:center}.floating-word{left:10px;top:10px}.hero-meta{font-size:12px}.section-heading{margin-top:0}.section-heading h2{font-size:19px}.grade-grid{grid-template-columns:1fr}.grade-card{min-height:177px;padding:20px 23px}.card-top{margin-bottom:10px}.grade-card h3{font-size:21px}.grade-card p{margin-bottom:10px}.grade-card .level-number{position:absolute;right:24px;top:21px}.teacher-strip{gap:10px;flex-wrap:wrap}.teacher-strip .btn{margin-left:53px;padding:8px 12px}.page-footer{flex-direction:column;gap:3px}.home .eyebrow{font-size:10px;margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-open{overflow:hidden}.modal{border:1px solid #dedfcf;border-radius:25px;background:var(--white);color:var(--ink);padding:30px;max-width:700px;width:calc(100% - 32px);max-height:88vh;box-shadow:0 30px 100px #142d3e40}.modal.wide{max-width:1080px}.modal::backdrop{background:#122b27a6;backdrop-filter:blur(6px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.modal-heading h2{font-size:24px;margin:0;font-weight:800;letter-spacing:-.8px}.icon-btn{background:none;font-size:24px;padding:6px 10px}.modal-lead{font-size:19px;line-height:1.7;margin-bottom:22px}.clean-list{list-style:none;padding:0;line-height:1.9}.clean-list li{padding:12px 16px;background:#eff2e9;border-radius:11px;margin:10px 0}.prep-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.prep-grid div{padding:16px;border:1px solid var(--line);border-radius:12px}.prep-grid span{display:block;font-size:14px;color:var(--muted);margin-top:8px}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.note{font-size:13px;line-height:1.8;color:#737e6d}.guide-list{padding-left:20px}.guide-list li{padding:8px 0;line-height:1.8}.guide-list span{display:block;font-size:15px}.worksheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.worksheet-grid article{padding:20px;border:1px solid var(--line);border-radius:16px}.worksheet-grid h3{font-size:19px;margin:16px 0}.worksheet-grid a{display:flex;margin-top:10px}.source-list{padding-left:21px;line-height:2.2;font-size:15px}.contents-list{display:grid;gap:8px}.contents-list button{display:flex;align-items:center;gap:15px;text-align:left;padding:14px 18px;border-radius:12px;background:#eff1e8}.contents-list span{color:var(--orange);font-weight:800}.contents-list small{margin-left:auto;color:var(--muted)}.feedback{border-radius:13px;padding:17px 20px;background:#f3ead9;font-size:16px;line-height:1.8;margin-top:20px}.feedback p{margin:8px 0 0}.feedback.success{background:#e6efe0}.feedback small{font-size:13px}.feedback strong{font-size:20px}.created-note{padding:35px;background:#f7e7bf;border:1px solid #dec589;border-radius:12px;margin-bottom:20px;min-height:220px}.created-note h2{font-family:var(--serif);font-size:32px;line-height:1.6;margin:20px 0;white-space:pre-wrap;overflow-wrap:anywhere}.created-note span{display:block;color:#7e755e;font-size:13px;margin-top:30px}.qr-result{display:flex;flex-direction:column;align-items:center;gap:15px}.qr-result svg{width:min(270px,100%);height:auto;margin-top:25px;background:#fff;padding:12px}.qr-result p{word-break:break-all;font-size:13px}.qr-result a{font-weight:700}.alternative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.alternative-grid .lesson-picture{min-height:0;height:190px}.alternative-grid h3{font-size:18px;line-height:1.6;margin-top:15px}.modal input{width:100%}
.lesson-top{height:74px;padding:0 32px;display:flex;gap:22px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--white)}.lesson-top .brand{font-size:16px}.lesson-top .brand-icon{height:34px;width:34px;font-size:25px}.lesson-context{font-size:13px;color:#6f7a6d;margin-right:auto}.lesson-context span{padding:0 9px;color:#a5ad9b}.lesson-tools{display:flex;gap:10px}.lesson-page{max-width:1440px;margin:auto;padding:34px 48px 130px}.slide-heading{display:flex;justify-content:space-between;gap:25px;margin-bottom:28px}.slide-heading .eyebrow{font-size:12px;margin-bottom:13px}.slide-heading .stage-name{letter-spacing:0;color:var(--muted);font-size:13px;margin-left:8px}.slide-heading h1{font-family:var(--serif);font-size:clamp(29px,3vw,43px);line-height:1.5;letter-spacing:-1.6px;margin:0 0 10px;font-weight:800}.slide-heading p{margin:0;color:#647362;font-size:19px;line-height:1.8;max-width:950px;word-break:keep-all}.duration{height:34px;background:#ecf0e5;border-radius:100px;padding:7px 16px;font-size:13px;white-space:nowrap;margin-top:10px}.slide-body{animation:appear .4s ease-out;min-height:380px}.split-scene{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:stretch}.lesson-picture{margin:0;min-height:330px;position:relative;border-radius:22px;overflow:hidden;background:#ede7d9;height:100%}.lesson-picture img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.lesson-picture figcaption{position:absolute;bottom:0;left:0;right:0;padding:8px 13px;background:#fffde6dc;color:#6e6c60;font-size:11px;line-height:1.5;text-align:center}.thought-panel{padding:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#eeeee3;border-radius:22px}.mini-label{font-size:12px;font-weight:800;color:var(--orange);letter-spacing:1px;display:block;margin-bottom:16px}.thought-panel h2{font-family:var(--serif);font-size:clamp(26px,2.6vw,37px);line-height:1.6;letter-spacing:-1px;margin:0 0 18px;word-break:keep-all}.thought-panel p{font-size:17px;line-height:1.9;color:#647260;word-break:keep-all}.prompt{font-size:16px!important;line-height:1.8;color:#72806c;margin:22px 0 0}.center{text-align:center}.sign-scene{position:relative}.sign-overlay{position:absolute;right:4%;top:20%;width:42%;padding:22px 12px;color:#234233;text-align:center;background:#fffdfa;box-shadow:0 5px 20px #0001;opacity:0;transform:translateY(15px);transition:all .6s}.sign-overlay.visible{opacity:1;transform:translateY(0)}.sign-overlay small{font-size:11px}.sign-overlay strong{display:block;font-size:20px;line-height:1.7;margin-top:10px}.mission-list{display:flex;flex-direction:column;justify-content:center;gap:20px}.mission-list article{display:flex;gap:20px;align-items:center;padding:26px;border:1px solid #d8decc;border-radius:20px;background:#eef2e7}.mission-list article span{font-family:var(--serif);font-size:45px;color:#98a283}.mission-list h2{font-size:25px;line-height:1.7;letter-spacing:-.7px;margin:0}.story-scene{position:relative;display:grid;grid-template-columns:1.17fr 1fr;gap:0;border-radius:25px;overflow:hidden;background:#ebeddf;min-height:355px}.story-scene .lesson-picture{border-radius:0}.story-caption{padding:35px;display:flex;flex-direction:column;justify-content:center}.story-caption h2{font-family:var(--serif);font-size:31px;line-height:1.65;margin:0 0 14px;word-break:keep-all;letter-spacing:-1px}.story-caption p{font-size:19px;line-height:1.85;margin-bottom:5px;color:#66725f;word-break:keep-all}.timeline{display:flex;align-items:center;gap:15px;justify-content:center;padding:24px 0 0}.timeline button,.timeline>div{background:#fffdf7;border:1px solid var(--line);border-radius:14px;padding:16px 24px;min-width:220px}.timeline strong{font-family:var(--serif);display:block;font-size:25px}.timeline span:not(.timeline-arrow){display:block;font-size:13px;color:var(--muted);margin-top:7px}.timeline-arrow{color:var(--orange);font-size:30px}.letter-lab{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}.jamo-controls{background:#fffdf9;border:1px solid var(--line);border-radius:24px;padding:27px}.jamo-row{margin-bottom:20px}.jamo-row:last-of-type{margin-bottom:0}.jamo-row h3{font-size:14px;margin-bottom:13px;color:#6a7963}.jamo-row>div{display:flex;gap:9px;flex-wrap:wrap}.jamo{background:#f0f0e8;border:2px solid transparent;border-radius:12px;min-width:57px;height:59px;font-size:30px;font-weight:600;padding:0 13px}.jamo.selected{border-color:var(--green);background:#e3ecd8;box-shadow:0 3px 0 #bdcba9}.jamo[data-value='0'][data-letter='t']{font-size:16px}.combination{background:var(--green);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px;padding:26px;color:#f8efd5}.letter-equation{display:flex;gap:15px;align-items:center;font-size:35px;color:#b7c5ac}.letter-equation b{font-size:21px}.syllable{font-size:clamp(100px,12vw,170px);font-weight:700;line-height:1.25;color:#fff7e4}.combination p{font-size:16px}.combination small{font-size:12px;line-height:1.8;text-align:center;margin-top:15px;color:#c7d0ba}.classify-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.classify-card{padding:26px;border-radius:22px;background:#e9ede1;border:1px solid #dce1d3}.classify-card h2{font-size:25px;line-height:1.7;min-height:130px}.classify-card .button-row{align-items:stretch;flex-direction:row}.classify-card .button-row .btn{flex:1}.classify-card .feedback{font-size:15px;padding:12px}.video-panel{border-radius:22px;overflow:hidden;background:#d9decc;min-height:340px}.video-panel iframe{width:100%;height:100%;min-height:350px;border:0}.video-cover{position:relative;height:100%}.video-cover .lesson-picture{height:100%}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important;background:#214635ee;color:#fff3d6;border-radius:50%;width:92px;height:92px;font-size:50px;box-shadow:0 10px 50px #152d3533;padding-left:13px}.video-note{font-size:12px;line-height:1.8;margin-top:18px;color:#7b806c}.video-note p{font-size:13px!important}.video-note summary{cursor:pointer}.note-workshop{background:#fffdf7;border:1px solid var(--line);border-radius:23px;padding:27px}label{display:block;font-size:14px;font-weight:700;margin:13px 0 8px}input,textarea,select{border:1px solid #d5ddcc;background:#fff;color:var(--ink);padding:13px 14px;border-radius:10px;font-size:16px;line-height:1.7;max-width:100%}input,textarea{width:100%}textarea{resize:vertical}select{width:100%}.word-chips{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.word-chips button{font-size:13px;padding:8px 11px;border-radius:25px;background:#e8ecdd}.redesign-workshop{display:grid;grid-template-columns:1fr 1.1fr;gap:28px}.original-notice{border-radius:24px;background:#ece9dc;padding:25px}.original-notice .lesson-picture{height:180px;min-height:0}.original-notice blockquote{font-family:var(--serif);font-size:26px;line-height:1.9;text-align:center;margin:24px 0 15px;word-break:keep-all}.original-notice p{text-align:center;font-size:15px;color:var(--muted)}.quick-check{max-width:860px;margin:auto;text-align:center;padding:26px 30px}.quick-check h2{font-family:var(--serif);font-size:35px;line-height:1.6}.ox-options{display:flex;justify-content:center;gap:26px;margin:28px 0}.ox-options button{font-size:90px;width:166px;height:166px;border:2px solid #d6ddca;background:#f2f2e7;border-radius:28px;font-weight:700}.ox-options button.selected{border:4px solid var(--green);background:#e0eacd;transform:translateY(-6px)}.quick-check .feedback{text-align:left}.quick-check>.btn{margin-top:20px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.summary-card{min-height:295px;text-align:left;padding:30px;background:#e8ede0;border-radius:22px;display:flex;flex-direction:column}.summary-card span{font-family:var(--serif);font-size:45px;color:#98a487;margin-bottom:35px}.summary-card h2{font-family:var(--serif);font-size:28px;line-height:1.7;margin:0}.summary-card p{font-size:13px;color:#7c836f;margin-top:20px}.summary-card.revealed{background:var(--green);color:#fff4d8}.summary-card.revealed span{color:#dbc38d}.assessment-start{display:flex;justify-content:center;align-items:center;gap:65px;background:#efe7d1;padding:45px;border-radius:25px;min-height:370px}.bell-title{font-family:var(--serif);font-size:32px;line-height:1.5;text-align:center;color:var(--orange);background:#fff8e0;border:1px solid #d7c392;padding:30px 45px;border-radius:50% 50% 16px 16px;transform:rotate(-5deg)}.bell-title b{font-size:50px;color:#a37931}.assessment-start h2{font-size:32px;line-height:1.6;letter-spacing:-1px}.assessment-start p{color:var(--muted)}.quiz-panel{max-width:1000px;padding:30px;border-radius:24px;background:#fffdf7;border:1px solid var(--line);margin:auto}.quiz-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--orange);font-weight:700;letter-spacing:1px;margin-bottom:22px}.quiz-panel h2{font-size:30px;line-height:1.65;word-break:keep-all}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.quiz-options button{display:flex;gap:15px;align-items:center;text-align:left;padding:20px;background:#f1f2e8;border:2px solid transparent;border-radius:15px;font-size:20px;line-height:1.65}.quiz-options button>span{flex-shrink:0;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#dce3ce;font-size:15px}.quiz-options button.selected{border-color:var(--green);background:#e3ecd8}.quiz-options button.correct{border-color:#418b5e;background:#d5eaca}.quiz-finish{text-align:center;max-width:800px;margin:auto;background:#e7eddd;padding:36px;border-radius:25px}.completion-mark{font-family:var(--serif);width:80px;height:80px;display:grid;place-items:center;background:var(--green);color:#ffe0a1;border-radius:25px;margin:auto auto 20px;font-size:53px;transform:rotate(-7deg)}.quiz-finish h2{font-family:var(--serif);font-size:35px}.quiz-finish p{font-size:18px;line-height:1.8}.quiz-finish .button-row{justify-content:center}.teacher-notes{border:1px dashed #b7c1a7;background:#f0f2e8;border-radius:14px;margin-top:25px;padding:20px;font-size:14px;line-height:1.9}.teacher-notes p{margin:8px 0 0}.teacher-notes strong{color:var(--orange)}.lesson-controls{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:16px 30px;background:#fffdf8f5;backdrop-filter:blur(15px);border-top:1px solid var(--line);z-index:10;box-shadow:0 -10px 35px #24392506}.control-left,.control-right{display:flex;gap:9px;align-items:center}.timer{font-size:15px;font-variant-numeric:tabular-nums;background:none;display:flex;gap:7px;align-items:center;padding:10px}.timer>span:first-child{color:var(--orange)}.reset-timer{font-size:20px;padding:5px}.slide-dots{display:flex;gap:6px}.slide-dots button{width:7px;height:7px;border-radius:10px;background:#cfd7c6;padding:0}.slide-dots button.on{width:23px;background:var(--green)}.tag{padding:6px 10px;font-size:12px;background:#e9efdf;border-radius:20px}.outro label{margin-top:0}.outro .thought-panel input{max-width:440px}.outro .thought-panel{padding:30px}.outro .feedback{font-size:15px}
@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.lesson-page{max-width:1600px}.slide-heading h1{font-size:49px}.slide-heading p{font-size:23px}.lesson-picture{min-height:445px}.story-caption h2{font-size:39px}.thought-panel p,.story-caption p{font-size:22px}.jamo{width:70px;height:70px;font-size:38px}}
@media(max-width:1050px){.lesson-page{padding:25px 28px 135px}.lesson-context{display:none}.lesson-controls{padding:15px 22px;gap:10px}.slide-dots{display:none}.control-left{gap:4px}.lesson-top{padding:0 24px}.story-caption{padding:25px}.story-caption h2{font-size:26px}.timeline button,.timeline>div{min-width:0;flex:1;padding:15px}.classify-grid{gap:13px}.classify-card{padding:20px}.classify-card h2{font-size:22px;min-height:145px}.quiz-panel h2{font-size:26px}.thought-panel{padding:23px}.sign-overlay{padding:18px 6px}.sign-overlay strong{font-size:16px}.jamo{min-width:48px;font-size:27px}.letter-lab{gap:20px}.original-notice blockquote{font-size:23px}}
@media(max-width:760px){.split-scene,.story-scene,.letter-lab,.redesign-workshop{grid-template-columns:1fr}.lesson-top{height:66px;padding:0 16px;gap:10px}.lesson-top .brand{font-size:14px}.lesson-top .brand-icon{width:30px;height:30px;font-size:23px}.lesson-tools .btn{font-size:11px;padding:8px}.lesson-page{padding:23px 19px 150px}.slide-heading{margin-bottom:22px}.slide-heading h1{font-size:30px}.slide-heading p{font-size:16px}.slide-heading .eyebrow{font-size:11px}.duration{font-size:11px;padding:6px 10px}.lesson-picture{min-height:255px}.thought-panel h2{font-size:29px}.thought-panel p{font-size:16px}.mission-list h2{font-size:22px}.story-scene{min-height:0}.story-caption h2{font-size:28px}.story-caption p{font-size:17px}.timeline{gap:7px;flex-wrap:wrap}.timeline button,.timeline>div{padding:12px;min-width:110px}.timeline strong{font-size:21px}.timeline span:not(.timeline-arrow){font-size:11px}.classify-grid,.summary-grid{grid-template-columns:1fr}.classify-card h2{min-height:0}.classify-card .button-row{flex-direction:row}.summary-card{min-height:200px}.summary-card span{margin-bottom:17px;font-size:33px}.summary-card h2{font-size:25px}.assessment-start{gap:22px;flex-direction:column;padding:28px}.assessment-start h2{font-size:27px}.bell-title{padding:15px 30px;font-size:24px}.bell-title b{font-size:40px}.quiz-panel{padding:24px 20px}.quiz-options{grid-template-columns:1fr}.quiz-options button{font-size:18px;padding:15px}.quiz-panel h2{font-size:23px}.quick-check{padding:20px 0}.quick-check h2{font-size:29px}.ox-options button{width:135px;height:135px;font-size:72px}.lesson-controls{flex-wrap:wrap;gap:10px;padding:10px 15px}.control-left{order:2;width:100%;justify-content:center}.control-right{width:100%;justify-content:space-between}.control-right>.btn{padding:10px 20px;font-size:13px}.control-left .btn{font-size:11px;padding:7px 10px}.timer{font-size:13px;padding:7px}.modal{padding:23px}.modal-heading h2{font-size:21px}.worksheet-grid,.alternative-grid{grid-template-columns:1fr}.worksheet-grid article{display:grid;grid-template-columns:1fr 1fr;gap:10px}.worksheet-grid h3{grid-column:1/-1}.worksheet-grid .grade-tag{width:max-content}.alternative-grid .lesson-picture{height:220px}.prep-grid{grid-template-columns:1fr}.sign-overlay{right:5%;width:44%;top:18%}.sign-overlay strong{font-size:18px}.modal .created-note h2{font-size:25px}}
@media print{.site-header,.lesson-top,.lesson-controls,.modal-heading button,#toast,.skip-link{display:none!important}.lesson-page{padding:0}.modal{position:static;display:block;max-width:none;max-height:none;width:100%;border:0;box-shadow:none}.modal::backdrop{display:none}.modal-open #app{display:none}.modal .button-row{display:none}body{background:white;color:black}}
.card-art{height:112px;margin:-24px -26px 20px;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.grade-card:hover .card-art img{transform:scale(1.04)}.grade-card .card-top{margin-bottom:14px}.grade-card{padding-bottom:18px}.floating-word{left:auto;right:14px;top:18px}.hero-art img{object-position:35% center}.assessment-art{width:45%;min-height:285px;position:relative;flex-shrink:0}.assessment-art .lesson-picture{height:285px;min-height:0}.assessment-art>span{position:absolute;top:28px;right:22px;color:#fff1c9;font-family:var(--serif);font-size:22px;line-height:1.5;letter-spacing:-.02em;background:#183b2be8;padding:10px 15px;border-radius:12px;max-width:calc(100% - 44px)}.assessment-start{gap:38px;padding:30px}.jamo-row .prompt{font-size:14px!important}.question-graphic{font-family:var(--serif);font-size:46px;letter-spacing:5px;text-align:center;background:#edf0e3;padding:22px;border-radius:15px;margin-bottom:24px;color:var(--green)}
.word-comparison{padding:32px;background:var(--green);color:#fff6d9;border-radius:24px}.word-comparison>.mini-label{color:#e7c786}.word-comparison>div{padding:16px 0;border-bottom:1px solid #ffffff2a}.word-comparison strong{display:block;font-family:var(--serif);font-size:58px;line-height:1.6}.word-comparison span:not(.mini-label){font-size:14px;color:#c4d0b6}.word-comparison>p{font-size:16px;line-height:1.8;margin:24px 0 0;color:#d9e0ca}.source-evidence{background:#fff8e6;padding:18px;border:1px solid #daceac;border-radius:12px;margin-top:16px}.source-evidence strong{font-size:13px;color:var(--orange)}.source-evidence p{font-size:16px!important;line-height:1.8}.source-evidence a{font-size:12px}.source-evidence small{display:block;font-size:13px;margin-top:13px;line-height:1.7}.question-graphic>span{font-size:22px;letter-spacing:0}@media(max-width:620px){.word-comparison strong{font-size:45px}.question-graphic{font-size:36px}.question-graphic>span{font-size:15px}}
@media(max-width:900px){.card-art{margin:-20px -20px 16px;height:105px}.grade-card .level-number{font-size:25px}}@media(max-width:760px){.assessment-art{width:100%}.assessment-start{align-items:stretch}.assessment-art .lesson-picture{height:235px}.assessment-art{min-height:235px}}@media(max-width:620px){.card-art{margin:-20px -23px 16px;height:140px}.grade-card .level-number{top:174px}.grade-card{padding-bottom:20px}.hero-art img{object-position:center}.floating-word{right:12px;left:auto;font-size:20px}.grade-card h3{margin-bottom:7px}}