:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#253252;background:#f5f7fb;font-synthesis:none;--blue:#344fc6;--ink:#253252;--muted:#67718a;--line:#e5e9f1;--radius:22px;--shadow:0 9px 26px #29365b06;font-size:16px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f0ae32;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.7rem,2.7vw,2.25rem);line-height:1.45;letter-spacing:-.035em}h2{font-size:1.4rem;line-height:1.5;letter-spacing:-.02em}h3{font-size:1.08rem;line-height:1.6}p{line-height:1.85}img{display:block;max-width:100%}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;top:-60px;left:20px;background:white;padding:12px;z-index:200}.skip-link:focus{top:8px}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:34px 22px 24px;background:#fff;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;margin-bottom:46px}.brand-mark{display:grid;place-items:center;width:42px;height:45px;border-radius:14px;background:var(--blue);color:#fff;transform:rotate(-6deg)}.brand-mark svg{width:27px;height:27px;transform:rotate(6deg)}.brand strong{font-size:1.2rem;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:.75rem;margin-top:4px;letter-spacing:.16em}.nav-label{font-size:.75rem;letter-spacing:.12em;color:#949bae;margin:24px 14px 12px}.nav-item{display:flex;align-items:center;gap:12px;min-height:48px;padding:11px 14px;border-radius:12px;margin:5px 0;font-size:.94rem;color:#63708d}.nav-item.active{background:#eaf0ff;color:#2946c0;font-weight:700}.nav-item:hover{background:#f3f5fb}.nav-item .tiny{margin-left:auto;font-size:.7rem}.side-note{margin-top:auto;padding:18px 14px;background:#f6f8ff;border-radius:15px;color:#77839e;font-size:.8rem;line-height:1.9}.side-note strong{color:#45557b;font-size:.88rem;display:block;margin-bottom:5px}.workspace{min-width:0}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 45px;gap:15px;border-bottom:1px solid var(--line);background:#fff9}.breadcrumb{font-size:.87rem;color:#8a93a6}.breadcrumb span{color:#45536f;margin-left:14px}.top-right{display:flex;align-items:center;gap:18px}.audience{font-size:.8rem;color:var(--muted)}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#ffe2a1;color:#7a5a1c;font-size:.85rem;font-weight:700}.mode-switch{display:flex;border:1px solid var(--line);padding:4px;background:#f0f3f9;border-radius:11px}.mode-switch button{border:0;background:transparent;color:#788299;padding:8px 15px;border-radius:8px;font-size:.85rem}.mode-switch button.active{background:white;color:#354cc0;box-shadow:0 2px 5px #23356b0c;font-weight:700}.main{max-width:1500px;margin:auto;padding:32px 45px 34px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.16em;color:var(--blue);margin-bottom:8px}.subtext{color:var(--muted);font-size:.9rem;margin-top:8px}.date-label{font-size:.83rem;color:var(--muted)}.hero{position:relative;display:grid;grid-template-columns:1fr 240px;min-height:238px;border:1px solid #f0dbc2;border-radius:24px;background:#fff0db;overflow:hidden;margin-bottom:25px}.hero-copy{padding:29px 35px;align-self:center;position:relative;z-index:1}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:7px;font-size:.75rem;line-height:1.5;background:#fff9;color:#876443;font-weight:600}.hero h2{font-size:clamp(1.4rem,2.25vw,2rem);color:#513e31;margin-top:12px}.hero p{font-size:.9rem;color:#8b7768;max-width:470px;margin:8px 0 19px}.primary,.secondary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 19px;border:1px solid transparent;min-height:43px;font-size:.9rem;font-weight:600}.primary{background:var(--blue);color:#fff}.primary:hover{background:#253cac}.secondary{background:#fff;border-color:var(--line);color:#425575}.secondary:hover{border-color:#9daee9;background:#f9faff}.ghost{background:transparent;color:#64718c;padding:9px 12px}.ghost:hover{background:#eaf0ff}.hero-image{height:100%;position:relative;overflow:hidden;background:#e2edf3}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 42%;max-height:280px}.hero-image:before{content:"";position:absolute;left:-34px;top:-10%;width:66px;height:120%;border-radius:50%;background:#fff0db;z-index:1}.hero-stamp{position:absolute;right:18px;bottom:17px;font-size:.76rem;background:#fffE;border-radius:9px;padding:9px 13px;color:#50718e;transform:rotate(-4deg)}.subject-tabs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:25px}.subject-tab{border:1px solid var(--line);background:white;padding:10px 17px;border-radius:10px;font-size:.88rem;display:inline-flex;align-items:center;gap:8px}.subject-tab.active{background:var(--ink);color:white;border-color:var(--ink)}.subject-tab small{font-size:.7rem;font-weight:400;opacity:.65}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 17px}.section-heading p{font-size:.86rem;color:var(--muted);margin-top:3px}.section-heading .text-link{color:var(--blue);font-size:.85rem;white-space:nowrap}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #2a3d6810}.course-art{height:170px;position:relative;background:var(--card-bg,#e9eff8);display:flex;justify-content:flex-end;overflow:hidden}.course-art img{height:225px;width:155px;object-fit:cover;object-position:center;align-self:center;mix-blend-mode:multiply}.art-label{position:absolute;left:21px;top:22px;max-width:56%;z-index:1}.art-label span{font-size:.73rem;letter-spacing:.11em;color:#526678;display:block}.art-label strong{display:block;margin-top:12px;font-size:1.2rem;line-height:1.5;white-space:pre-line;color:#344a5a}.course-number{position:absolute;left:20px;bottom:18px;font-size:.7rem;color:#627883;border:1px solid #70869240;border-radius:50px;padding:3px 8px}.course-body{padding:21px}.course-meta{font-size:.73rem;color:#7e8a9e;display:flex;gap:9px;margin-bottom:9px}.course-meta span+span:before{content:"·";margin-right:9px}.course-body h3{font-size:1.04rem}.course-body p{font-size:.83rem;color:var(--muted);margin:7px 0 16px;min-height:3.4em}.course-bottom{border-top:1px solid #eef1f5;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tag{background:#f1f4fa;color:#78859c;border-radius:6px;padding:5px 8px;font-size:.7rem}.status-done{color:#23896a;font-size:.77rem}.course-link{font-size:.85rem;color:var(--blue);font-weight:700}.lower-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:22px;margin-top:27px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.panel .section-heading{margin:0 0 18px}.partner-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.partner-mini{text-align:center;border:0;padding:0;background:transparent;min-width:0}.partner-mini img{width:100%;height:118px;object-fit:cover;object-position:center 30%;border-radius:14px;background:#f5f5f7}.partner-mini strong{display:block;margin:10px 0 3px;font-size:.87rem}.partner-mini small{font-size:.74rem;color:var(--muted)}.teacher-callout{background:#edf1ff;border-color:#dfe5fa;display:flex;flex-direction:column;align-items:flex-start}.teacher-callout .icon-box{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--blue);margin-bottom:13px}.teacher-callout p{font-size:.85rem;color:#7180a1;margin:9px 0 18px}.teacher-callout .secondary{margin-top:auto;background:#fff9;border-color:#d6def6}.footer{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.75rem;color:#8c95a7;margin-top:33px;line-height:1.8}.footer button{font-size:inherit;border:0;background:none;color:#77839a;padding:0}.empty-state{text-align:center;background:white;border:1px solid var(--line);border-radius:22px;padding:55px 24px}.empty-state .icon{width:44px;height:44px;color:#5266ca;margin:0 auto 20px}.empty-state p{max-width:520px;margin:13px auto 22px;color:var(--muted);font-size:.92rem}.notice{border:1px solid #dce4f6;background:#edf3ff;padding:14px 19px;border-radius:12px;font-size:.88rem;line-height:1.8;color:#526887;margin-bottom:22px}.partners-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.partner-card{padding:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;text-align:left;transition:transform .2s}.partner-card:hover{transform:translateY(-4px)}.partner-card img{width:100%;height:245px;object-fit:cover;object-position:center 38%}.partner-info{padding:18px}.partner-info .partner-location{font-size:.74rem;color:#8491a7;margin-top:4px}.partner-info p{font-size:.84rem;color:var(--muted);margin-top:8px}.partner-name{display:flex;justify-content:space-between;align-items:center;gap:9px}.partner-name .tag{font-size:.66rem}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.method-card{background:#fff;border:1px solid var(--line);border-top:5px solid var(--blue);border-radius:16px;padding:25px}.method-header{display:flex;align-items:center;gap:14px;margin-bottom:19px}.method-header img{width:58px;height:64px;object-fit:cover;object-position:center 23%;border-radius:12px}.method-card ol{padding-left:24px;margin:15px 0 24px;font-size:.9rem;line-height:1.85}.method-card li{margin:10px 0}.method-task{background:#f2f5ff;border-radius:10px;padding:12px;font-size:.84rem;line-height:1.8;margin:15px 0}.button-row{display:flex;gap:10px;flex-wrap:wrap}.guide-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:23px}.schedule{list-style:none;padding:0;margin:20px 0}.schedule li{display:grid;grid-template-columns:80px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--line);font-size:.9rem}.schedule time{color:var(--blue);font-weight:700}.schedule p{color:var(--muted);font-size:.84rem;margin-top:4px}.guide-list{padding-left:20px;font-size:.9rem;line-height:1.9}.guide-list li{margin-bottom:12px}.teacher-course{margin-top:20px;display:grid;grid-template-columns:60px 1fr auto;gap:17px;align-items:center;border-top:1px solid var(--line);padding-top:20px}.teacher-course img{width:60px;height:77px;border-radius:10px;object-fit:cover}.teacher-course p{font-size:.86rem;color:var(--muted)}dialog{border:0;border-radius:24px;padding:0;max-width:680px;width:calc(100% - 32px);max-height:90vh;box-shadow:0 30px 100px #10275330;color:var(--ink)}dialog::backdrop{background:#1b2b5066;backdrop-filter:blur(4px)}.modal-content{padding:34px;position:relative}.close-btn{position:absolute;top:15px;right:16px;width:34px;height:34px;display:grid;place-items:center;background:#f2f4f8;border:0;border-radius:50%;z-index:1}.modal-top{display:flex;align-items:center;gap:24px;padding-right:15px}.modal-top img{width:116px;height:155px;object-fit:cover;border-radius:17px;flex-shrink:0}.modal-top h2{font-size:1.55rem}.modal-content p{font-size:.93rem;color:var(--muted);margin:12px 0}.modal-content h3{margin-top:23px}.modal-content ul{font-size:.9rem;line-height:1.9;padding-left:21px}.modal-content .button-row{margin-top:25px}.field{width:100%;padding:12px;border:1px solid #cfd8e9;border-radius:8px;background:#f8faff;color:#334360;font-size:.84rem;word-break:break-all}.field-label{display:block;font-size:.84rem;margin:15px 0 8px}.lesson-shell{min-height:100vh;background:#f5f7fc}.lesson-header{height:84px;background:white;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:16px}.lesson-title{font-size:1rem;font-weight:700}.lesson-title small{display:block;color:var(--muted);font-size:.73rem;font-weight:400;margin-top:4px}.lesson-toolbar{display:flex;gap:8px;align-items:center}.lesson-progress{height:4px;background:#e2e7f3}.lesson-progress span{display:block;background:var(--blue);height:100%;transition:width .4s}.lesson-main{max-width:1140px;padding:32px 24px;margin:0 auto}.stepper{display:flex;gap:8px;align-items:center;justify-content:center;margin-bottom:26px}.step-dot{width:31px;height:31px;border-radius:50%;background:#e7edf8;color:#8590a8;border:0;font-size:.77rem}.step-dot.current{background:var(--blue);color:white}.step-dot.done{background:#cdd8f6;color:#354fc2}.step-line{width:27px;height:1px;background:#dbe3f4}.lesson-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:25px;align-items:start}.mentor{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}.mentor img{width:100%;height:260px;object-fit:cover;object-position:center 33%}.mentor-caption{padding:19px}.mentor-caption p{color:var(--muted);font-size:.85rem;margin-top:6px}.activity{background:white;border:1px solid var(--line);border-radius:22px;padding:32px;min-width:0;box-shadow:var(--shadow)}.step-count{font-size:.75rem;letter-spacing:.09em;color:var(--blue);font-weight:700;margin-bottom:11px}.activity h1{font-size:1.7rem}.story-text{font-size:1.02rem;line-height:1.95;margin:15px 0 24px;color:#5e6d87;white-space:pre-line}.story-scene{background:#f0f5fe;border-radius:17px;padding:25px;margin:22px 0;font-size:1.07rem;line-height:2;color:#465d89;border-left:4px solid #93ade7}.story-caption{color:var(--muted);font-size:.82rem;margin-top:12px}.options{display:grid;gap:12px;margin:22px 0}.option{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #dfe5ef;border-radius:13px;background:#fff;padding:16px 18px;text-align:left;line-height:1.75;font-size:.95rem}.option:hover{border-color:#8e9fe4;background:#f7f9ff}.option.selected{border:2px solid var(--blue);background:#f0f4ff;padding:15px 17px}.option-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f0f3f9;color:#7d8aaa;font-size:.78rem;flex-shrink:0}.option.selected .option-mark{background:var(--blue);color:white}.option strong{display:block}.option small{display:block;color:#74809b;font-size:.85rem;margin-top:4px}.feedback{padding:17px 19px;border-radius:12px;line-height:1.85;font-size:.91rem;background:#eaf7f0;color:#31694f;margin:18px 0}.feedback.retry{background:#fff3de;color:#806238}.practice-box{padding:23px;border-radius:16px;background:#edf4ff;margin:18px 0}.practice-box h3{color:var(--blue)}.practice-box p{font-size:1rem;margin:12px 0 20px;line-height:1.95}.sort-card{border:1px solid var(--line);padding:18px;border-radius:14px;margin-bottom:13px}.sort-card>p{font-size:.98rem;margin-bottom:14px;font-weight:600}.sort-buttons{display:flex;gap:8px;flex-wrap:wrap}.sort-buttons button{border:1px solid #dbe1ee;border-radius:8px;background:white;padding:9px 12px;font-size:.83rem}.sort-buttons button.selected{background:#eaf0ff;color:#314dc0;border-color:#6e87dd}.inline-feedback{font-size:.83rem;line-height:1.8;color:#6b7d99;margin-top:11px}.sentence-slots{min-height:116px;display:flex;gap:9px;flex-wrap:wrap;align-items:flex-start;background:#f3f6fd;border:1px dashed #a6b7e3;border-radius:15px;padding:19px;margin:20px 0 14px}.sentence-slots .placeholder{color:#8291af;font-size:.9rem;align-self:center}.word-piece{background:#fff;border:1px solid #d4dcf0;padding:11px 14px;border-radius:9px;color:#4b608e;font-size:.95rem;box-shadow:0 3px 0 #e3e9f5}.sentence-slots .word-piece{background:#e5edff;border-color:#bdcaec;color:#344faa}.word-bank{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.teacher-note{padding:17px 20px;border-radius:13px;background:#fff5df;border:1px solid #f1dfb9;font-size:.88rem;color:#8b7043;margin-top:21px;line-height:1.9}.teacher-note strong{display:block;margin-bottom:4px}.lesson-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:27px;border-top:1px solid var(--line);padding-top:22px}.lesson-controls .right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.complete{max-width:770px;margin:0 auto;text-align:center}.complete-portrait{width:160px;height:185px;object-fit:cover;object-position:center 25%;margin:0 auto 24px;border-radius:25px}.complete h1{font-size:2rem}.complete>.subtext{margin:13px 0 27px}.complete .method-card{text-align:left;max-width:570px;margin:0 auto 22px}.complete .button-row{justify-content:center}.mute-note{font-size:.76rem;color:#8994a8;margin-top:20px;line-height:1.8}.reduced{animation:none!important}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#23314a;color:white;border-radius:12px;padding:13px 22px;box-shadow:0 8px 32px #18305826;z-index:300;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;font-size:.9rem;line-height:1.7}#toast.visible{transform:translate(-50%,0);opacity:1}.mobile-brand{display:none}.checklist{display:grid;gap:10px;margin:20px 0}.checklist span{display:flex;gap:10px;font-size:.9rem;color:#64758d;line-height:1.8}.checklist .icon{color:#3b956f}.storage-warning{padding:12px 20px;background:#fff2db;font-size:.85rem;color:#80633c}.coming-course{border:1px dashed #cbd4e8;background:#f9faff;border-radius:16px;padding:28px;line-height:1.9}.coming-course p{font-size:.92rem;color:var(--muted);margin-top:10px}
@media(min-width:1550px){.main{padding-top:40px}.hero{min-height:260px}.course-art{height:195px}.course-art img{height:260px;width:174px}.partner-mini img{height:145px}}
@media(max-width:1180px){.shell{grid-template-columns:195px 1fr}.sidebar{padding:26px 14px}.main{padding:28px}.topbar{padding:0 28px}.hero{grid-template-columns:1fr 190px}.hero-copy{padding:25px}.course-grid{gap:14px}.course-body{padding:17px}.course-art{height:153px}.course-art img{width:130px;height:210px}.art-label{left:15px}.art-label strong{font-size:1.05rem}.partners-grid{grid-template-columns:repeat(3,1fr)}.lower-grid{grid-template-columns:1.4fr 1fr}.partner-strip{grid-template-columns:repeat(4,1fr);gap:8px}.partner-mini img{height:105px}.cards-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;display:block;padding:15px 22px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin-bottom:14px;gap:10px}.brand strong{font-size:1.1rem}.brand small{display:inline;margin-left:10px}.brand-mark{width:32px;height:34px;border-radius:10px}.brand-mark svg{width:21px}.sidebar nav{display:flex;gap:6px;overflow-x:auto}.nav-item{margin:0;min-height:41px;padding:9px 13px;white-space:nowrap;font-size:.85rem}.nav-label,.side-subjects,.side-note{display:none}.topbar{height:67px}.hero{grid-template-columns:1fr 205px}.audience,.avatar{display:none}.course-art img{width:134px}.art-label strong{font-size:1.1rem}.lower-grid{grid-template-columns:1.5fr 1fr}.guide-grid{grid-template-columns:1fr}.lesson-layout{grid-template-columns:180px minmax(0,1fr)}.mentor img{height:230px}.activity{padding:25px}.partner-card img{height:245px}}
@media(max-width:650px){.sidebar{padding:15px 15px 12px}.brand{margin-bottom:13px}.brand small{font-size:.67rem}.nav-item{font-size:.82rem;gap:7px;padding:9px 11px}.nav-item .icon{width:18px;height:18px}.topbar{padding:0 18px;height:65px}.breadcrumb{font-size:.75rem}.breadcrumb span{margin-left:7px}.mode-switch button{font-size:.75rem;padding:7px 10px}.main{padding:23px 17px}.page-heading{margin-bottom:18px}.date-label{display:none}.page-heading h1{font-size:1.7rem}.subtext{font-size:.83rem}.hero{grid-template-columns:minmax(0,1fr) 125px;min-height:225px;border-radius:18px}.hero-copy{padding:21px 16px}.hero h2{font-size:1.32rem;margin-top:11px}.hero p{font-size:.8rem;line-height:1.8;margin:9px 0 15px}.hero .pill{font-size:.64rem}.hero .primary{padding:9px 13px;font-size:.8rem;min-height:39px}.hero-image img{max-height:none;object-fit:cover;height:100%}.hero-image:before{left:-22px;width:40px}.hero-stamp{display:none}.subject-tabs{gap:7px}.subject-tab{font-size:.78rem;padding:9px 12px}.section-heading h2{font-size:1.2rem}.section-heading p{font-size:.78rem}.section-heading .text-link{font-size:.77rem}.course-grid{grid-template-columns:1fr;gap:16px}.course-card{display:grid;grid-template-columns:125px 1fr}.course-art{height:100%;min-height:220px;display:block}.course-art img{position:absolute;width:155px;height:244px;max-width:none;bottom:-30px;right:-9px;object-fit:cover}.art-label{left:13px;top:17px;max-width:100%}.art-label span{font-size:.63rem}.art-label strong{font-size:.89rem;margin-top:6px}.course-number{display:none}.course-body{padding:17px 15px}.course-body h3{font-size:1rem}.course-meta{font-size:.67rem;gap:5px}.course-meta span+span:before{margin-right:5px}.course-body p{font-size:.79rem;min-height:auto}.tag{font-size:.63rem;padding:4px 6px}.course-link{font-size:.79rem}.course-bottom{gap:4px}.lower-grid{grid-template-columns:1fr;gap:17px}.panel{padding:20px}.partner-mini img{height:122px}.teacher-callout{position:relative;padding-left:75px}.teacher-callout .icon-box{position:absolute;left:20px;top:21px}.teacher-callout p{margin-bottom:14px}.footer{flex-direction:column;text-align:center;font-size:.7rem;gap:7px}.partners-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.partner-card img{height:230px}.partner-info{padding:13px}.partner-info h3{font-size:.95rem}.partner-name{flex-wrap:wrap;gap:4px}.partner-info p{font-size:.78rem}.partner-info .partner-location{font-size:.69rem}.cards-grid{grid-template-columns:1fr}.modal-content{padding:28px 21px}.modal-top{gap:17px}.modal-top img{width:88px;height:133px}.modal-top h2{font-size:1.2rem}.modal-content .button-row{flex-direction:column}.lesson-header{padding:0 13px;height:73px;gap:8px}.lesson-title{font-size:.82rem}.lesson-title small{font-size:.65rem}.lesson-header .ghost{padding:7px;min-height:35px;font-size:.75rem;gap:4px}.lesson-header .ghost .label{display:none}.lesson-toolbar{gap:2px}.lesson-main{padding:23px 15px}.lesson-layout{grid-template-columns:1fr;gap:17px}.mentor{display:flex;max-height:112px;border-radius:15px}.mentor img{height:130px;width:88px;object-position:center 22%;margin-top:-9px}.mentor-caption{padding:17px 15px}.mentor-caption h3{font-size:.97rem}.mentor-caption p{font-size:.8rem;margin-top:5px}.activity{padding:23px 18px;border-radius:17px}.activity h1{font-size:1.42rem}.story-text{font-size:.94rem}.stepper{margin-bottom:21px;gap:6px}.step-line{width:15px}.step-dot{width:28px;height:28px}.option{font-size:.9rem;padding:14px}.option.selected{padding:13px}.option-mark{width:23px;height:23px}.sort-buttons{gap:6px}.sort-buttons button{font-size:.76rem;padding:9px}.lesson-controls{gap:6px;align-items:flex-start}.lesson-controls .primary{padding:10px 14px;font-size:.85rem}.lesson-controls .ghost{font-size:.8rem;padding:10px 6px}.lesson-controls .right{justify-content:flex-end;gap:3px}.teacher-course{grid-template-columns:48px 1fr;gap:12px}.teacher-course img{width:48px;height:65px}.teacher-course .primary{grid-column:2;justify-self:start}.method-card{padding:22px}.complete h1{font-size:1.7rem}.guide-list{font-size:.85rem}.schedule li{grid-template-columns:70px 1fr;font-size:.84rem}.empty-state{padding:35px 21px}.modal-top .pill{font-size:.64rem}}
.classroom .story-scene,.classroom .story-text{font-size:1.15rem}.classroom .option{font-size:1.05rem}.classroom .lesson-main{max-width:1260px}
@media(max-width:650px){.course-meta,.tag,.art-label span,.partner-name .tag,.partner-info .partner-location,.hero .pill{font-size:.75rem}.classroom .story-scene,.classroom .story-text{font-size:1rem}.classroom .option{font-size:.94rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.sidebar,.topbar,.footer,.button-row,.page-heading .secondary,.lesson-header,.stepper,.lesson-controls,.hero,.subject-tabs,#toast,dialog{display:none!important}.shell,.workspace,.main,.cards-grid,.guide-grid{display:block!important;padding:0!important;background:white!important}.method-card,.panel{break-inside:avoid;box-shadow:none;margin-bottom:20px}.method-card img{print-color-adjust:exact}.method-card .method-task{background:none}.page-heading{margin-top:20px}.lesson-main{max-width:none}.teacher-callout{display:none}}