@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#263c35;--green:#2d5847;--green-dark:#234837;--muted:#7b847d;--line:#e5e7df;--paper:#fafbf7;--white:#fff;--sage:#eaf0e2;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--sidebar:238px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}svg{flex-shrink:0}.icon{display:inline-block;vertical-align:middle}button{border:0;background:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b98b54;outline-offset:4px}::selection{background:#d6e3c5}main:focus{outline:0}.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}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:var(--green);color:#fff;padding:10px 20px;border-radius:6px}.skip-link:focus{top:12px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:29px 20px 0;overflow-y:auto}.brand{display:flex;gap:10px;align-items:center;margin:0 9px 41px}.brand-mark{display:grid;place-items:center;width:37px;height:42px;color:var(--green)}.brand-mark .icon{width:35px;height:35px;stroke-width:1.7}.brand>span:last-child{font-family:var(--serif);font-size:40px;line-height:.8;letter-spacing:-1.5px}.brand-sub{display:block;font:600 8px/1 var(--sans);letter-spacing:1.6px;margin-top:11px;color:#6f7b70}.workspace-label{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#959d94;margin:0 12px 12px}.main-nav{display:grid;gap:5px}.main-nav>a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:7px;color:#727d74;font-size:12px;font-weight:500}.main-nav>a:hover{background:#f4f6ef;color:var(--green)}.main-nav>a.active{color:var(--green);background:#eaf0e3;font-weight:650}.main-nav .icon{width:17px;height:17px}.nav-count{margin-left:auto;background:#dae5cf;color:#526649;font-size:10px;min-width:23px;text-align:center;border-radius:4px;padding:1px 4px}.sidebar-weeks{margin-top:36px}.week-label{display:flex;flex-direction:column;gap:5px;font-size:8.5px;letter-spacing:1.2px}.week-label>span{font-weight:500;font-size:8px;letter-spacing:.7px;color:#a0a69c}.week-nav{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:5px;font-size:11px;line-height:1.2;color:#7b847a;min-height:34px}.week-nav:hover,.week-nav.selected{color:#325742;background:#f1f5eb}.week-nav.selected{font-weight:650}.week-number{font-size:9px;font-weight:500;color:#a0aa9b;border:1px solid #e5e9df;border-radius:4px;display:grid;place-items:center;width:21px;height:20px;flex-shrink:0}.week-nav.selected .week-number{background:#dce8d1;color:var(--green);border-color:#dce8d1}.week-done{width:13px;height:13px;margin-left:auto;color:var(--green)}.sidebar-bottom{margin-top:auto;padding:28px 10px 0}.growth-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#838e80;gap:6px}.growth-label strong{font-size:10px;color:var(--green)}.progress-track{height:4px;background:#edf0e7;border-radius:10px;overflow:hidden;margin-top:9px}.progress-track i{display:block;background:#688b59;height:100%;border-radius:10px}.sidebar-bottom>p{font-size:9px;color:#959d91;margin:7px 0 22px}.sidebar-foot{border-top:1px solid var(--line);padding:17px 0;color:#a4aa9f;font-size:8px;white-space:nowrap;display:flex;gap:6px;align-items:center}.sidebar-foot .icon{width:13px;height:13px}.workspace{margin-left:var(--sidebar)}.topbar{height:76px;border-bottom:1px solid var(--line);background:#ffffffb3;display:flex;align-items:center;padding:0 44px;gap:19px;font-size:10px;color:#7d877d}.topbar-left{display:flex;align-items:center;gap:15px}.topbar-title{color:#546450;font-weight:550}.crumb-divider{color:#c5ccbe;font-size:14px}.audience{display:flex;gap:8px;align-items:center;margin-left:auto}.audience .icon{width:15px;height:15px}.audience i{width:3px;height:3px;border-radius:50%;background:#bbc5b3;margin:0 3px}.teacher-avatar{margin-left:5px;position:relative;border:1px solid #dfe6d9;background:#f0f3e8;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font:20px var(--serif);color:#688451}.teacher-avatar>span{position:absolute;bottom:0;right:-1px;width:8px;height:8px;background:#819e69;border:2px solid #fff;border-radius:50%}.mobile-menu{display:none!important}.sidebar-shade{display:none}main{max-width:1530px;padding:38px 44px 50px;margin:auto;min-height:calc(100vh - 160px)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#7b8a72;line-height:1.5}.page-heading h1{font-family:var(--serif);font-size:42px;font-weight:400;letter-spacing:-.8px;margin:7px 0 9px}.page-heading p{color:var(--muted);font-size:11px;line-height:1.7}.text-link{font-size:10px;line-height:1.5;display:inline-flex;align-items:center;gap:7px;color:var(--green);font-weight:550;padding:0}.text-link .icon{width:14px;height:14px}.text-link:hover,a.card-title:hover{color:#85a167}.heading-link{margin-bottom:4px;white-space:nowrap}.welcome-banner{background:#eaf0df;border:1px solid #e3ead9;border-radius:12px;position:relative;overflow:hidden;min-height:281px;padding:30px 34px;display:flex;align-items:center}.welcome-copy{position:relative;z-index:1}.welcome-copy .eyebrow{font-size:8px;letter-spacing:1.4px;color:#829271}.welcome-copy h2{font:400 47px/.99 var(--serif);letter-spacing:-.9px;margin-top:14px}.welcome-copy h2 em{font-weight:400;color:#628051}.welcome-copy p{font-size:11px;color:#7c8d70;line-height:1.65;margin-top:14px}.button{padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-size:10px;font-weight:550;line-height:1.4;white-space:nowrap;border:1px solid transparent;transition:background .15s,transform .15s;min-height:36px}.button .icon{height:15px;width:15px}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:#1f4435;transform:translateY(-1px)}.button.secondary{border-color:#dfe4d9;background:#fff;color:#68755e}.button.secondary:hover{background:#edf2e6}.welcome-copy .button{margin-top:21px;padding:11px 15px}.welcome-copy .button .icon:first-child{width:12px;height:12px}.welcome-copy .button .icon:last-child{margin-left:10px}.welcome-art{width:43%;height:257px;object-fit:contain;position:absolute;right:48px;top:14px}.banner-note{position:absolute;bottom:25px;right:39px;font-size:9px;color:#869579;display:flex;align-items:center;gap:6px}.note-dot{width:5px;height:5px;border-radius:50%;background:#91a67b}.curriculum-facts{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0 29px;margin-bottom:16px;border-bottom:1px solid var(--line)}.curriculum-facts>div{display:flex;align-items:center;gap:10px;padding-left:21px;border-left:1px solid #e3e8db}.curriculum-facts>div:first-child{padding-left:0;border-left:0}.curriculum-facts>div>.icon{color:#829474;width:20px;height:20px}.curriculum-facts strong{font-size:11px;display:block;font-weight:550;color:#57694e}.curriculum-facts small{font-size:9px;display:block;color:#9aA28f;margin-top:2px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:21px 0 17px}.section-top h2{font-size:16px;font-weight:550;letter-spacing:-.4px}.section-top h2>span{font-size:9px;font-weight:450;color:#949d8c;margin-left:9px;letter-spacing:0}.print-library{color:#8a9480;font-size:9px}.filters{display:flex;gap:9px;margin-bottom:24px}.search-field{display:flex;align-items:center;gap:9px;position:relative;border:1px solid #e1e5da;background:#fff;padding:0 12px;flex:1;min-width:120px;border-radius:6px;color:#99a18e;height:40px}.search-field>.icon{width:15px;height:15px}.search-field input{color:#506145;border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:10px;height:38px;padding:0}.search-field:focus-within{outline:2px solid #849c6c;outline-offset:1px}.search-field input::placeholder{color:#a0a695}.search-field input:focus-visible{outline:0}.search-field kbd{font:10px var(--sans);border:1px solid #eceee7;border-radius:3px;padding:0 5px;color:#b1b6aa}.select-wrap{display:flex;align-items:center;position:relative;color:#6d7b62;border:1px solid #e1e5da;border-radius:6px;min-width:107px;background:#fff}.select-wrap select{appearance:none;padding:10px 31px 10px 12px;background:transparent;border:0;width:100%;height:38px;font-size:10px;color:inherit;cursor:pointer;border-radius:6px}.select-wrap>.icon{position:absolute;right:11px;width:12px;height:12px;pointer-events:none}.status-select{min-width:121px}.filter-summary{margin:-9px 0 23px;display:flex;align-items:center;justify-content:space-between;color:#849079;font-size:11px}.week-group{margin-bottom:33px}.week-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}.week-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;letter-spacing:1.1px;font-size:8px;font-weight:650;padding:7px 10px;white-space:nowrap;background:#eaf0e2;color:#70845e}.week-badge.sand{background:#f2ebd8;color:#9a8550}.week-badge.blue{background:#e5eef1;color:#6f9099}.week-badge.peach{background:#f4e9df;color:#ac8166}.week-badge.lilac{background:#eee9f2;color:#8e7da2}.week-heading h3{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.3px}.week-heading p{font-size:9px;color:#98a08e;line-height:1.4;margin-top:3px}.week-total{margin-left:auto;color:#a0a692;font-size:9px;white-space:nowrap}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lesson-card{border:1px solid #e2e7da;border-radius:9px;padding:19px 19px 0;background:white;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;min-width:0}.lesson-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #344f3310}.card-top{display:flex;align-items:center;gap:10px;margin-bottom:17px}.lesson-symbol{height:33px;width:33px;background:#f0f4e8;display:grid;place-items:center;border-radius:8px;color:#829b65}.lesson-symbol>.icon{width:19px;height:19px}.lesson-index{font-size:8px;font-weight:500;letter-spacing:1.1px;color:#a3aa98}.save-button{margin-left:auto;padding:5px;color:#b2bba6;display:grid;place-items:center;width:28px;height:28px;border-radius:4px}.save-button .icon{width:14px;height:14px}.save-button:hover{background:#f0f4e9;color:#617c49}.save-button.saved,.icon-button.saved{color:#577445;background:#edf2e5}.save-button.saved .icon,.icon-button.saved .icon{fill:#dce8cf}.card-title h3{font-size:15px;font-weight:550;letter-spacing:-.3px;line-height:1.35}.card-title{display:block;margin-bottom:8px}.card-objective{font-size:10px;line-height:1.65;color:#959e8c;min-height:34px;margin-bottom:17px}.word-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;margin-bottom:18px}.word-list>span{background:#f3f6ec;border:1px solid #ebf0e1;color:#7d9069;border-radius:4px;font-size:10px;line-height:1.6;padding:3px 9px}.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:11px;font-size:8px;color:#a1a995;margin-bottom:15px}.card-meta>span{display:flex;align-items:center;gap:3px}.card-meta>.icon,.card-meta .icon{width:11px;height:11px}.card-meta>span+span:before{content:'·';margin-right:2px;color:#b9bfae}.card-footer{border-top:1px solid #edf0e7;display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:5px}.taught-toggle{display:flex;align-items:center;gap:6px;font-size:9px;color:#a5ad9b;padding:1px 0}.taught-toggle.done{color:#5b7a46}.tiny-check{width:12px;height:12px;border:1px solid #dbe2cf;display:grid;place-items:center;border-radius:3px}.tiny-check .icon{width:10px;height:10px;stroke-width:2.5}.taught-toggle.done .tiny-check{background:#e1ecd5;border-color:#b2c99b}.card-footer>a{font-size:9px;color:#71875c;display:flex;align-items:center;gap:5px;font-weight:550}.card-footer>a .icon{width:13px;height:13px}.lesson-card.sand .lesson-symbol{background:#f7f1df;color:#b89c59}.lesson-card.sand .word-list>span{background:#faf6e9;border-color:#f0ead8;color:#a08e60}.lesson-card.blue .lesson-symbol{background:#ebf3f5;color:#7b9caa}.lesson-card.blue .word-list>span{background:#edf5f6;border-color:#e0ecee;color:#7395a1}.lesson-card.peach .lesson-symbol{background:#fbede3;color:#c19473}.lesson-card.peach .word-list>span{background:#fbf0e7;border-color:#f3e4d8;color:#b68d6f}.lesson-card.lilac .lesson-symbol{background:#f2edf7;color:#9b85af}.lesson-card.lilac .word-list>span{background:#f5f0f9;border-color:#ece3f2;color:#9b83ae}.footer{margin:0 44px;border-top:1px solid var(--line);padding:21px 0 25px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#9ba48e;gap:20px}.footer>span{display:flex;align-items:center;gap:7px}.footer .icon{height:13px;width:13px}.footer-divider{margin:0 3px}.footer>a{display:flex;align-items:center;gap:6px;font-size:9px}.icon-button{display:grid;place-items:center;padding:8px;border-radius:5px;color:#7b8c6a;border:1px solid transparent}.icon-button:hover{background:#edf2e5}.icon-button .icon{width:17px;height:17px}.empty-state{text-align:center;padding:65px 20px 80px;background:#fff;border:1px dashed #d9e1d0;border-radius:9px}.empty-state>.icon{width:30px;height:30px;color:#8da779}.empty-state h3{font:28px var(--serif);margin:15px 0 8px}.empty-state p{font-size:12px;color:var(--muted);margin-bottom:20px}.toast{position:fixed;left:calc(50% + 100px);bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#284c3d;color:#fff;padding:11px 22px;border-radius:8px;box-shadow:0 4px 24px #23382d22;font-size:12px;z-index:100;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
/* Lesson plan */
.lesson-breadcrumb{display:flex;align-items:center;gap:20px;margin-bottom:30px;font-size:10px;color:#929c88}.lesson-breadcrumb>a{display:flex;gap:7px;align-items:center;color:#758665}.lesson-breadcrumb>a>.icon{width:14px;height:14px}.lesson-breadcrumb>span{border-left:1px solid var(--line);padding-left:20px}.lesson-breadcrumb>span i{margin:0 9px;color:#bcc4b1;font-style:normal}.detail-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.lesson-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:29px}.lesson-heading h1{font:46px/1.15 var(--serif);letter-spacing:-.7px;margin:9px 0}.lesson-heading>div>p{color:#859278;font-size:12px;max-width:650px}.lesson-tags{display:flex;gap:16px;flex-wrap:wrap;margin-top:17px;color:#9aa48e;font-size:9px}.lesson-tags>span{display:flex;gap:5px;align-items:center}.lesson-tags .icon{width:13px;height:13px}.completed-button{color:var(--green);border-color:#c6d7b6;background:#e8f0df}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:27px}.lesson-language{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e0e6d8;border-radius:9px;overflow:hidden;background:#fff}.new-language,.review-language{padding:23px}.new-language{background:#edf2e5}.new-language.sand{background:#f5efde}.new-language.blue{background:#ebf3f4}.new-language.peach{background:#f8eee6}.new-language.lilac{background:#f2edf6}.lesson-language h2{font-size:14px;font-weight:550;margin-top:7px}.lesson-language p{font-size:10px;line-height:1.7;color:#8c9980;margin-top:14px}.large-words{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.large-words>span{padding:7px 13px;border:1px solid #d7e1ca;border-radius:5px;color:#597246;background:#ffffff9c;font-size:20px;font-family:var(--serif);line-height:1.3}.review-words{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.review-words>span{font-size:10px;padding:4px 9px;background:#f5f7f1;border:1px solid #e7ecdf;border-radius:4px;color:#8b9a7b}.sentence-section{margin:27px 0 30px;padding:23px;background:#fff;border:1px solid var(--line);border-radius:9px}.section-label{display:flex;align-items:center;gap:8px}.section-label>.icon{width:18px;height:18px;color:#879e72}.section-label h2{font-size:14px;font-weight:550}.sentence-lines{margin:17px 0 13px;display:grid;gap:9px}.sentence-lines blockquote{font:23px/1.35 var(--serif);margin:0;color:#5b754b}.support-note{font-size:10px;line-height:1.75;color:#94a087}.timeline-section>.section-top{align-items:center;margin-bottom:20px}.subtle{font-size:10px;color:#98a28d}.timeline{list-style:none;padding:0;margin:0}.timeline>li{display:grid;grid-template-columns:65px 1fr;gap:17px;position:relative;padding-bottom:15px}.timeline>li:before{content:'';position:absolute;left:29px;top:49px;bottom:0;width:1px;background:#dce4d2}.timeline>li:last-child:before{display:none}.time-block{display:flex;flex-direction:column;align-items:center;padding-top:17px}.time-block strong{font-size:11px;font-weight:550;color:#758e61}.time-block span{font-size:8px;color:#a2ab97;line-height:1.6;margin-top:3px}.step-content{position:relative;border:1px solid #e5eadd;border-radius:7px;background:#fff;padding:17px 21px 18px}.step-number{position:absolute;right:18px;top:16px;color:#c4cebb;font:20px var(--serif)}.step-content h3{font-size:13px;font-weight:550;padding-right:25px;margin-bottom:7px}.step-content p{font-size:11px;line-height:1.85;color:#8b9781}.game-panel{border:1px solid #eadfc9;background:#f7f2e4;border-radius:9px;padding:22px;display:flex;align-items:flex-start;gap:16px;margin:17px 0 30px}.game-icon{background:#eae0c4;color:#a9955d;padding:10px;border-radius:8px}.game-icon .icon{width:22px;height:22px}.game-panel .eyebrow{color:#b09e6e;font-size:8px}.game-panel h2{font:28px var(--serif);margin:4px 0 9px;color:#7d704d}.game-panel p{font-size:11px;line-height:1.8;color:#a29777}.adaptation-section>h2{font-size:16px;font-weight:550;margin-bottom:17px}.adaptation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.adaptation-grid>div{padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.age-tag{font-size:7px;font-weight:650;letter-spacing:.9px;color:#93a281}.adaptation-grid h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:8px 0 10px;color:#607b4f}.adaptation-grid p{font-size:11px;color:#909c85;line-height:1.8}.adaptation-section>.support-note{margin-top:14px}.lesson-rail{display:flex;flex-direction:column;gap:20px}.rail-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:8px}.rail-card .section-label h2{font-size:13px}.rail-card .section-label>.icon{width:16px;height:16px}.rail-card>p{font-size:10px;line-height:1.8;color:#94a087;margin-top:12px}.materials-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}.materials-list label{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.7;color:#7e9070;cursor:pointer}.materials-list input{accent-color:var(--green);flex-shrink:0;width:13px;height:13px;margin:2px 0 0;cursor:pointer}.materials-list label:has(input:checked) span{color:#a0aa95;text-decoration:line-through}.small-note{font-size:9px!important;color:#a5ad9a!important;line-height:1.75}.mastery-card{background:#f0f4e9;border-color:#e1e8d7}.mastery-list{padding:0;list-style:none;margin:18px 0;display:grid;gap:13px}.mastery-list li{display:flex;gap:9px;font-size:10px;line-height:1.75;color:#7e926b}.mastery-list .icon{width:12px;height:12px;margin-top:3px;color:#7d9b62}.mastery-note{font-size:9px;line-height:1.8;color:#91a07f;border-top:1px solid #dce5d1;padding-top:14px}.teacher-notes{background:#f9faf5}.teacher-notes p+p{border-top:1px solid #e9edde;padding-top:12px}.bridge-note{color:#6f855b!important}.lesson-pagination{border-top:1px solid var(--line);margin-top:39px;padding-top:23px;display:flex;justify-content:space-between;gap:25px}.lesson-pagination>a{display:flex;align-items:center;gap:12px;color:#627c51;font:23px/1.25 var(--serif);max-width:48%}.lesson-pagination>a .icon{width:17px;height:17px}.lesson-pagination>a:last-child{text-align:right}.lesson-pagination small{display:block;font:8px/1.5 var(--sans);letter-spacing:1.3px;color:#9ca88e;margin-bottom:4px}
/* Progress */
.progress-hero{display:flex;gap:36px;align-items:center;background:#eaf0df;border:1px solid #dfe8d4;border-radius:11px;padding:34px 40px;margin:0 0 20px}.progress-ring{--progress:0%;background:conic-gradient(#688b52 var(--progress),#d9e4cd var(--progress));border-radius:50%;height:140px;width:140px;position:relative;display:grid;place-items:center;flex-shrink:0}.progress-ring:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#eaf0df}.progress-ring strong{z-index:1;font:50px var(--serif);color:#617d4b}.progress-ring strong>span{font-size:25px;margin-left:3px}.progress-hero h2{font:35px var(--serif);margin:8px 0 7px}.progress-hero p{font-size:12px;color:#8b9b7c;margin-bottom:18px}.progress-note{display:flex;gap:10px;align-items:flex-start;padding:3px 4px 12px;color:#8d9c7f;margin-bottom:23px}.progress-note>.icon{width:16px;height:16px;margin-top:2px}.progress-note>p{font-size:10px;line-height:1.8}.progress-weeks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.progress-week{background:#fff;border:1px solid var(--line);padding:19px;border-radius:8px}.progress-week-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.progress-week-heading h3{font:23px var(--serif)}.progress-week-heading>span:last-child{margin-left:auto;font-size:10px;color:#9faa94}.progress-week-heading .week-badge{padding:5px 7px;font-size:7px}.progress-lesson{display:flex;gap:9px;align-items:center;padding:9px 0;border-top:1px solid #f0f2e9}.progress-checkbox{border:1px solid #dce4d2;width:17px;height:17px;border-radius:4px;display:grid;place-items:center;padding:0;flex-shrink:0}.progress-checkbox.checked{background:#e2edd6;border-color:#b2c79b;color:#6c8952}.progress-checkbox .icon{width:12px;height:12px}.progress-lesson>a{font-size:11px;color:#7b8b6e;flex:1}.progress-lesson>a>span{font-size:9px;color:#b3bca8;margin-right:5px}.progress-lesson>.icon{width:12px;height:12px;color:#b6bfa9}.saved-section{margin-top:34px}.count-tag{border:1px solid #e0e7d7;border-radius:5px;padding:2px 7px}.saved-empty{display:flex;align-items:center;gap:18px;border:1px dashed #d6e1cb;border-radius:9px;padding:27px;background:#f3f6ec}.saved-empty>.icon{color:#9eae8c;width:25px;height:25px}.saved-empty h3{font:25px var(--serif);margin-bottom:5px}.saved-empty p{font-size:11px;color:#9ca68f}.saved-empty>.text-link{margin-left:auto;white-space:nowrap}.reset-progress{border-top:1px solid var(--line);margin-top:38px;padding-top:20px;display:flex;gap:20px;justify-content:space-between;font-size:10px;color:#a2ab97}.reset-dialog{border:1px solid #dbe5d0;background:#fff;border-radius:12px;max-width:460px;padding:32px;color:var(--ink);box-shadow:0 15px 70px #1d322a22}.reset-dialog::backdrop{background:#20382e66;backdrop-filter:blur(3px)}.dialog-symbol{display:grid;place-items:center;background:#edf3e5;color:#839c6f;border-radius:9px;width:40px;height:40px;margin-bottom:18px}.reset-dialog h2{font:32px var(--serif);margin-bottom:12px}.reset-dialog p{font-size:12px;color:#8e9b81;line-height:1.8}.reset-dialog form>div{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}
/* Teaching guide */
.guide-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding:34px;background:#eaf0df;border:1px solid #e1e8d8;border-radius:10px;margin-bottom:26px}.guide-intro h2{font:40px/1.1 var(--serif);letter-spacing:-.4px;margin-top:12px;color:#627f4d}.guide-intro p{font-size:11px;color:#819571;line-height:1.9}.guide-intro p+p{margin-top:12px}.guide-intro strong{font-weight:600;color:#6a8359}.baseline-section{padding:26px;background:#fff;border:1px solid var(--line);border-radius:8px}.baseline-section>p{font-size:11px;line-height:1.9;color:#8b9a7f;margin-top:13px}.baseline-section .review-words{margin:17px 0}.guide-principles-heading{margin-top:32px}.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.principle{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.principle-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.principle-top>span{background:#eff4e6;border-radius:7px;padding:8px;line-height:1;color:#8ba373}.principle-top .icon{height:20px;width:20px}.principle-top>small{font:24px var(--serif);color:#c7d0bb}.principle h3{font:27px/1.15 var(--serif);margin-bottom:11px;color:#5e794d}.principle p{font-size:11px;line-height:1.85;color:#929e86;margin-bottom:19px}.principle>a{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7b9366;font-size:9px;line-height:1.6}.principle>a>.icon{width:12px;height:12px}.guide-practical{margin-top:34px;padding-bottom:30px;border-bottom:1px solid var(--line)}.guide-practical>h2{font-size:17px;font-weight:550;margin-bottom:20px}.guide-practical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.guide-practical h3{font-size:12px;font-weight:550;margin-bottom:10px;color:#7b9167}.guide-practical p{font-size:11px;line-height:1.9;color:#9aa48e}.guide-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding:25px 28px;background:#f0f4e8;border:1px solid #e1e8d7;border-radius:8px}.guide-cta h2{font:32px var(--serif)}.guide-cta p{font-size:11px;color:#98a58b;margin-top:8px}
@media(min-width:1600px){:root{--sidebar:260px}.sidebar{padding-left:24px;padding-right:24px}.topbar{padding-left:56px;padding-right:56px}main{padding:44px 56px 55px}.welcome-banner{min-height:300px}.welcome-copy h2{font-size:54px}.welcome-art{right:100px;width:43%;height:280px}.lesson-card{padding:24px 24px 0}.card-title h3{font-size:17px}.card-objective{font-size:12px;min-height:40px}.word-list>span{font-size:12px}.card-meta,.card-footer>a,.taught-toggle{font-size:10px}.week-heading p{font-size:11px}.curriculum-facts strong{font-size:13px}.curriculum-facts small{font-size:10px}.lesson-layout{grid-template-columns:minmax(0,1fr) 310px}.step-content p,.adaptation-grid p,.game-panel p{font-size:13px}.rail-card>p,.mastery-list li,.materials-list label{font-size:12px}}
@media(max-width:1180px){:root{--sidebar:215px}.sidebar{padding-left:14px;padding-right:14px}.topbar{padding:0 28px}main{padding:30px 28px 40px}.footer{margin:0 28px}.welcome-banner{padding-left:27px}.welcome-art{right:12px;width:45%}.banner-note{right:25px;font-size:8px}.curriculum-facts>div{padding-left:12px;gap:7px}.curriculum-facts strong{font-size:10px}.curriculum-facts small{font-size:8px}.curriculum-facts>div>.icon{width:17px;height:17px}.card-meta{gap:6px;font-size:7px}.card-meta>span+span:before{margin-right:0}.lesson-card{padding:16px 15px 0}.card-title h3{font-size:14px}.card-objective{font-size:9px}.word-list>span{font-size:9px;padding:3px 7px}.card-footer>a,.taught-toggle{font-size:8px}.lesson-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.lesson-language{grid-template-columns:1fr}.new-language,.review-language{padding:21px}.review-language .review-words{margin-top:12px}.lesson-language p{margin-top:10px}.lesson-heading h1{font-size:40px}.lesson-heading>.button{padding:10px}.rail-card{padding:18px}.progress-week-heading{flex-wrap:wrap}.progress-week-heading h3{font-size:21px}.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heading-link{font-size:9px}.filters{gap:7px}.select-wrap{min-width:90px}.select-wrap select{font-size:9px;padding-left:10px}.status-select{min-width:114px}.page-heading p{font-size:10px}}
@media(max-width:1000px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-art{width:43%;right:3px;top:30px;height:230px}.welcome-copy h2{font-size:43px}.welcome-copy .eyebrow{font-size:7px}.banner-note{right:19px}.curriculum-facts{grid-template-columns:repeat(2,1fr);row-gap:18px;padding:22px 0}.curriculum-facts>div:nth-child(3){padding-left:0;border-left:0}.curriculum-facts>div:nth-child(2),.curriculum-facts>div:nth-child(4){padding-left:20px}.curriculum-facts strong{font-size:11px}.curriculum-facts small{font-size:9px}.heading-link{display:none}.lesson-card{padding:20px 18px 0}.card-title h3{font-size:15px}.card-objective{font-size:10px;min-height:34px}.word-list>span{font-size:10px}.card-meta{font-size:8px;gap:9px}.card-footer>a,.taught-toggle{font-size:9px}.filters{flex-wrap:wrap}.search-field{flex-basis:100%;height:42px}.select-wrap{flex:1}.select-wrap select{font-size:10px}.section-top h2{font-size:15px}.page-heading h1{font-size:40px}.lesson-layout{grid-template-columns:1fr}.lesson-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.teacher-notes{grid-column:1/-1}.lesson-language{grid-template-columns:1fr 1fr}.lesson-heading{align-items:flex-start}.lesson-tags{gap:10px;font-size:8px}.lesson-heading>.button{margin-top:25px;font-size:9px}.lesson-heading h1{font-size:35px}.progress-weeks{grid-template-columns:1fr}.progress-hero{padding:27px;gap:25px}.progress-ring{height:110px;width:110px}.progress-hero h2{font-size:29px}.progress-hero p{font-size:10px}.progress-ring strong{font-size:40px}.guide-intro{gap:25px;padding:27px;grid-template-columns:1fr 1.3fr}.guide-intro h2{font-size:32px}.guide-intro p{font-size:10px}.guide-practical-grid{gap:20px}.guide-practical p{font-size:10px}.audience{font-size:9px}.audience .icon{display:none}.topbar{gap:13px;font-size:9px}}
@media(max-width:760px){:root{--sidebar:236px}.sidebar{transform:translateX(-100%);transition:transform .2s;padding:29px 20px 0}.sidebar.open{transform:translateX(0)}.sidebar-shade.open{display:block;position:fixed;inset:0;background:#213c3066;z-index:29;backdrop-filter:blur(2px)}.workspace{margin-left:0}.mobile-menu{display:grid!important;width:30px;height:30px;padding:5px;margin-left:-5px}.topbar{height:61px;padding:0 22px;gap:12px}.topbar-left{gap:11px}.topbar-title{font-size:10px}.topbar-left>span:last-child{font-size:9px}.teacher-avatar{width:27px;height:27px;margin-left:0}.audience{margin-left:auto;font-size:8px;gap:5px}.audience i{margin:0}.topbar .crumb-divider{font-size:12px}main{padding:27px 24px 38px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:39px}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:8px}.welcome-banner{padding:29px;min-height:285px}.welcome-copy h2{font-size:47px}.welcome-copy .eyebrow{font-size:7px}.welcome-copy p{font-size:11px}.welcome-art{right:19px;top:12px;height:260px;width:44%}.banner-note{right:25px;bottom:21px}.curriculum-facts>div:nth-child(2),.curriculum-facts>div:nth-child(4){padding-left:20px}.curriculum-facts{grid-template-columns:repeat(4,1fr);gap:0}.curriculum-facts>div{padding-left:12px;gap:6px;align-items:flex-start}.curriculum-facts>div:nth-child(3){padding-left:12px;border-left:1px solid #e3e8db}.curriculum-facts>div:nth-child(2),.curriculum-facts>div:nth-child(4){padding-left:12px}.curriculum-facts strong{font-size:10px}.curriculum-facts small{font-size:8px}.curriculum-facts>div>.icon{width:15px;height:15px;margin-top:2px}.curriculum-facts>div:last-child{padding-right:0}.lesson-grid{gap:15px}.footer{margin:0 24px;font-size:8px}.footer>a{font-size:8px}.lesson-heading h1{font-size:40px}.lesson-heading>.button{font-size:10px}.lesson-breadcrumb>span{font-size:9px}.lesson-layout{grid-template-columns:1fr}.lesson-language{grid-template-columns:1fr 1fr}.lesson-rail{grid-template-columns:1fr 1fr}.rail-card{padding:23px}.rail-card>p,.materials-list label,.mastery-list li{font-size:11px}.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-intro h2{font-size:36px}.guide-intro p{font-size:11px}.guide-practical-grid{grid-template-columns:1fr;gap:23px}.guide-practical p{font-size:11px}.guide-practical h3{font-size:13px}.progress-weeks{grid-template-columns:1fr 1fr}.progress-week-heading h3{font-size:20px}.toast{left:50%;font-size:11px}}
@media(max-width:550px){.audience{display:none}.topbar-title{font-size:10px}.teacher-avatar{margin-left:auto}.topbar{padding:0 19px}.topbar-left{gap:10px}main{padding:24px 20px 32px}.page-heading h1{font-size:38px}.page-heading p{font-size:10px;max-width:300px}.page-heading{gap:10px}.page-heading>.button{padding:8px 10px;font-size:8px;align-self:flex-start;margin-top:16px}.page-heading>.button>.icon{width:12px;height:12px}.welcome-banner{min-height:282px;padding:25px 24px}.welcome-copy h2{font-size:43px;line-height:1.02}.welcome-copy .eyebrow{font-size:6px;letter-spacing:1px}.welcome-copy p{font-size:10px;max-width:190px;line-height:1.7}.welcome-copy .button{font-size:9px;padding:10px 12px;margin-top:18px}.welcome-copy .button .icon:last-child{margin-left:4px;width:12px;height:12px}.welcome-art{width:48%;height:185px;top:58px;right:-12px}.banner-note{font-size:7px;bottom:21px;right:20px}.banner-note .note-dot{width:4px;height:4px}.curriculum-facts{grid-template-columns:repeat(2,1fr);gap:18px 0;margin-bottom:10px;padding:23px 0}.curriculum-facts>div{padding:0!important;border-left:0!important;gap:10px}.curriculum-facts>div:nth-child(even){padding-left:15px!important;border-left:1px solid #e3e8db!important}.curriculum-facts strong{font-size:11px}.curriculum-facts small{font-size:9px}.curriculum-facts>div>.icon{width:19px;height:19px}.section-top h2{font-size:14px;letter-spacing:-.3px}.section-top h2>span{font-size:8px;margin-left:5px}.print-library{font-size:0;gap:0;padding:7px}.print-library .icon{width:16px;height:16px}.filters{margin-bottom:23px;gap:7px}.search-field{height:43px}.search-field input{font-size:10px;height:40px}.search-field kbd{display:none}.select-wrap{min-width:0}.select-wrap select{font-size:9px;padding:10px 22px 10px 9px}.select-wrap>.icon{right:8px;width:10px;height:10px}.week-heading{gap:10px;margin-bottom:15px}.week-heading h3{font-size:23px}.week-heading p{font-size:8px;max-width:200px}.week-badge{font-size:7px;padding:6px 8px;letter-spacing:.7px}.week-total{font-size:8px}.lesson-grid{grid-template-columns:1fr;gap:13px}.lesson-card{padding:21px 22px 0}.card-top{margin-bottom:14px}.lesson-symbol{width:34px;height:34px}.lesson-index{font-size:8px}.card-title h3{font-size:17px}.card-objective{font-size:11px;min-height:0;max-width:100%;margin-bottom:17px}.word-list{margin-bottom:17px;gap:6px}.word-list>span{font-size:11px;padding:4px 10px}.card-meta{font-size:9px;gap:11px;margin-bottom:16px}.card-footer{padding:14px 0}.card-footer>a,.taught-toggle{font-size:10px}.card-footer>a .icon{width:14px;height:14px}.tiny-check{width:13px;height:13px}.footer{margin:0 20px;flex-direction:column;gap:8px;align-items:flex-start;font-size:8px;padding:19px 0}.footer>a{margin-left:20px;font-size:8px}.filter-summary{font-size:10px}.filter-summary>.text-link{font-size:9px}.lesson-breadcrumb{gap:12px;margin-bottom:23px;flex-wrap:wrap}.lesson-breadcrumb>span{padding-left:12px;font-size:8px}.lesson-breadcrumb>a{font-size:9px}.detail-actions{gap:5px}.detail-actions>.button{padding:8px 10px;font-size:9px}.detail-actions>.button .icon{width:13px;height:13px}.detail-actions .icon-button{padding:5px}.detail-actions .icon-button .icon{width:15px;height:15px}.lesson-heading{flex-direction:column;gap:15px;margin-bottom:23px}.lesson-heading .eyebrow{font-size:8px;letter-spacing:1.1px}.lesson-heading h1{font-size:40px;margin:8px 0 9px}.lesson-heading>div>p{font-size:11px}.lesson-tags{font-size:8px;gap:9px 13px;margin-top:15px}.lesson-heading>.button{margin-top:0;font-size:10px}.lesson-language{grid-template-columns:1fr}.new-language,.review-language{padding:23px}.large-words>span{font-size:23px}.lesson-language h2{font-size:15px}.lesson-language p{font-size:11px}.review-words>span{font-size:11px}.sentence-section{padding:23px;margin:22px 0 26px}.sentence-lines blockquote{font-size:24px}.support-note{font-size:10px}.timeline-section>.section-top{align-items:flex-start;flex-direction:column;gap:6px}.timeline-section>.section-top h2{font-size:17px}.timeline>li{grid-template-columns:44px 1fr;gap:11px;padding-bottom:13px}.timeline>li:before{left:21px;top:51px}.time-block{padding-top:19px}.time-block strong{font-size:10px}.time-block span{font-size:8px}.step-content{padding:19px 17px}.step-content h3{font-size:13px;line-height:1.45;margin-bottom:9px}.step-number{top:17px;right:15px;font-size:18px}.step-content p{font-size:11px;line-height:1.85}.game-panel{padding:21px 18px;gap:12px}.game-icon{padding:8px}.game-icon .icon{width:19px;height:19px}.game-panel h2{font-size:27px}.game-panel p{font-size:11px}.adaptation-section>h2{font-size:16px;line-height:1.5}.adaptation-grid{grid-template-columns:1fr;gap:13px}.adaptation-grid>div{padding:23px}.adaptation-grid h3{font-size:27px}.adaptation-grid p{font-size:11px}.lesson-rail{grid-template-columns:1fr;gap:16px;margin-top:7px}.teacher-notes{grid-column:auto}.lesson-pagination{gap:20px;margin-top:27px;padding-top:22px}.lesson-pagination>a{font-size:19px;gap:7px;max-width:49%}.lesson-pagination small{font-size:7px;letter-spacing:.8px}.lesson-pagination .icon{width:14px!important;height:14px!important}.progress-hero{gap:20px;padding:25px 22px}.progress-ring{height:84px;width:84px}.progress-ring:before{inset:6px}.progress-ring strong{font-size:33px}.progress-ring strong>span{font-size:19px}.progress-hero h2{font-size:28px;margin:5px 0 8px;line-height:1.1}.progress-hero .eyebrow{font-size:7px;letter-spacing:1px}.progress-hero p{font-size:10px;margin-bottom:14px}.progress-hero .button{font-size:8px;padding:9px 10px}.progress-hero .button>.icon{width:12px;height:12px}.progress-note>p{font-size:10px}.progress-note{margin-bottom:20px}.progress-weeks{grid-template-columns:1fr;gap:14px}.progress-week{padding:22px}.progress-week-heading h3{font-size:24px}.progress-week-heading{gap:10px;flex-wrap:nowrap}.progress-week-heading .week-badge{font-size:7px;padding:6px 8px}.progress-lesson{padding:12px 0}.progress-lesson>a{font-size:12px}.progress-checkbox{width:18px;height:18px}.saved-empty{padding:22px;flex-wrap:wrap;gap:13px}.saved-empty p{font-size:10px}.saved-empty>.text-link{margin-left:38px;font-size:10px}.saved-empty h3{font-size:25px}.reset-progress{flex-direction:column;gap:9px;margin-top:28px}.reset-dialog{max-width:calc(100% - 34px);padding:27px}.reset-dialog h2{font-size:31px}.reset-dialog form>div{gap:8px}.reset-dialog .button{padding:10px 12px;font-size:9px}.guide-intro{grid-template-columns:1fr;gap:22px;padding:27px}.guide-intro h2{font-size:38px;line-height:1.1;margin-top:10px}.guide-intro p{font-size:11px}.baseline-section{padding:23px}.baseline-section>p{font-size:11px}.baseline-section .section-label{gap:7px}.baseline-section h2{font-size:14px;line-height:1.5}.guide-principles-heading{align-items:flex-start;gap:6px;flex-direction:column}.guide-principles-heading h2{font-size:17px}.principle-grid{grid-template-columns:1fr;gap:14px}.principle{padding:25px}.principle h3{font-size:31px}.principle p{font-size:12px}.principle>a{font-size:10px}.guide-practical>h2{font-size:17px}.guide-practical-grid{gap:24px}.guide-practical p{font-size:11px}.guide-cta{padding:25px;align-items:flex-start;flex-direction:column;gap:19px}.guide-cta h2{font-size:32px}.guide-cta p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media screen{
  .page-heading p{font-size:12px;color:#707d65}.welcome-copy p{font-size:12px;color:#677c55}.welcome-copy .eyebrow{color:#697e58}.banner-note{color:#6a7d58}.curriculum-facts strong{font-size:12px;color:#536748}.curriculum-facts small{font-size:10px;color:#748267}.workspace-label{color:#75836b}.week-label>span{color:#839175}.week-nav{font-size:11px;color:#6c7c60}.week-number{color:#839474}.sidebar-bottom>p,.growth-label{color:#77856b}.sidebar-foot{color:#7f8c73}.topbar{color:#75816b}.audience{color:#6c7c60}.page-heading .eyebrow,.lesson-heading .eyebrow{color:#6e815e}.section-top h2>span,.week-total,.subtle{color:#77866a}.week-heading p{font-size:10px;color:#78866a}.search-field input,.select-wrap select{font-size:11px}.search-field input::placeholder{color:#7f8b72}.search-field{color:#7d8e6c}.select-wrap{color:#687b59}.card-title h3{font-size:16px}.card-objective{font-size:11px;color:#748468;min-height:37px}.word-list>span{font-size:11px;color:#6c8157}.lesson-index{font-size:9px;color:#7e8e71}.card-meta{font-size:9px;color:#7c8d6d}.card-footer>a,.taught-toggle{font-size:10px}.taught-toggle{color:#7b8c6c}.card-footer>a{color:#607d45}.lesson-card.sand .word-list>span{color:#87733f}.lesson-card.blue .word-list>span{color:#547d8a}.lesson-card.peach .word-list>span{color:#946b4b}.lesson-card.lilac .word-list>span{color:#806094}.footer,.footer>a{color:#7b896e}.print-library{color:#718363}.lesson-heading>div>p{font-size:13px;color:#718162}.lesson-tags{font-size:10px;color:#7a8b6a}.lesson-language p{font-size:11px;color:#6b7f59}.review-words>span{color:#6b8058}.support-note{font-size:11px;color:#76866a}.step-content p,.adaptation-grid p,.game-panel p{font-size:13px}.step-content p{color:#6a7d5a}.step-content h3{font-size:14px}.time-block strong{font-size:12px;color:#667f51}.time-block span{font-size:9px;color:#7f916f}.step-number{color:#94a884}.game-panel p{color:#887c55}.game-panel .eyebrow{color:#8e7d49}.age-tag{font-size:8px;color:#788d65}.adaptation-grid p{color:#6f815f}.rail-card>p,.materials-list label,.mastery-list li{font-size:12px;color:#728460}.mastery-note{font-size:11px;color:#73865f}.rail-card .small-note,.small-note{font-size:10px!important;color:#7d8d6e!important}.principle p,.guide-intro p,.baseline-section>p,.guide-practical p{font-size:12px}.principle p,.baseline-section>p{color:#738562}.guide-intro p{color:#687e56}.principle>a{font-size:10px;color:#69844f}.guide-practical p{color:#72855f}.progress-note>p{font-size:12px;color:#758665}.progress-hero p{font-size:12px;color:#728861}.progress-lesson>a{font-size:12px;color:#6c805b}.progress-week-heading>span:last-child{color:#7d916c}.progress-week-heading h3{font-size:23px}.saved-empty p,.reset-progress,.guide-cta p{font-size:11px;color:#7b8c6d}.lesson-pagination small{color:#7e906e}.mastery-list .icon{color:#68884d}.footer .footer-divider{color:#a0ad94}
}
@media screen and (max-width:550px){
  .welcome-copy p{font-size:11px;max-width:195px}.welcome-copy .eyebrow{font-size:6px}.curriculum-facts strong{font-size:11px}.curriculum-facts small{font-size:9px}.week-heading p{font-size:9px}.card-title h3{font-size:18px}.card-objective{font-size:12px;min-height:0}.word-list>span{font-size:12px}.card-meta{font-size:10px}.card-footer>a,.taught-toggle{font-size:11px}.search-field input{font-size:11px}.select-wrap select{font-size:10px}.page-heading p{font-size:11px}.step-content p,.adaptation-grid p,.game-panel p{font-size:12px}.lesson-tags{font-size:9px}.support-note{font-size:11px}.lesson-heading>div>p{font-size:12px}.progress-hero p{font-size:11px}.progress-note>p{font-size:11px}.print-library{font-size:0}
}
/* The visible lesson becomes a clean teacher handout. */
.print-preview{background:#edf0e7}.print-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:850px;margin:0 auto;padding:22px 0}.print-toolbar>span{font-size:11px;color:#7b8b6c}.handout{background:#fff;max-width:850px;min-height:100vh;margin:0 auto 40px;padding:48px 55px 35px;box-shadow:0 2px 20px #293e2910;font:12px/1.75 var(--sans);color:#59694f}.handout-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #d9e2cf;padding-bottom:18px;margin-bottom:24px;color:#80916f;font-size:10px}.handout-header>span:first-child{font:30px var(--serif);color:#3e6041;display:flex;align-items:center;gap:12px}.handout-header small{font:7px/1.6 var(--sans);letter-spacing:1.2px;max-width:130px}.handout>h1{font:40px/1.2 var(--serif);letter-spacing:-.5px;color:#2f4e35;margin-bottom:12px}.handout-objective{font-size:13px;color:#647958}.handout-meta{font-size:10px;color:#869577;margin:12px 0 25px}.handout h2{font-size:13px;font-weight:600;color:#4d693f;margin:0 0 11px}.handout h3{font-size:12px;font-weight:600;color:#60774f;margin:0 0 5px}.handout p{margin-bottom:9px}.handout-language{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#f2f5ec;border:1px solid #dfe7d5;padding:22px;border-radius:6px}.handout-language h3{font-size:10px;margin-top:18px}.handout-targets{font:25px var(--serif);color:#4c6c3d}.handout-sentence{font:20px/1.4 var(--serif);color:#4f6b41}.handout-support{font-size:10px;color:#879777;line-height:1.7;margin:13px 0 24px!important}.handout-timeline{list-style:none;margin:18px 0 22px;padding:0}.handout-timeline li{display:grid;grid-template-columns:48px 1fr;gap:17px;padding:14px 0;border-top:1px solid #e0e6d8;break-inside:avoid}.handout-timeline li>div:first-child{display:flex;flex-direction:column;gap:3px;color:#768f61;font-size:11px}.handout-timeline li>div:first-child>span{font-size:9px;color:#98a788}.handout-timeline p{margin:0}.handout-game{background:#f9f5e9;border:1px solid #ece4ce;padding:20px;border-radius:5px;margin:20px 0 24px;break-inside:avoid}.handout-game h2{color:#89723f}.handout-game p{color:#95845d;margin:0}.handout-adaptations,.handout-prep{display:grid;grid-template-columns:1fr 1fr;gap:25px}.handout-adaptations>div,.handout-prep>div{break-inside:avoid}.handout ul{padding-left:17px;margin:8px 0 12px}.handout ul li{padding-left:3px;margin-bottom:5px}.handout-prep{border-top:1px solid #dfe6d6;padding-top:20px;margin-top:20px}.handout-notes{border-top:1px solid #dfe6d6;padding-top:20px;margin-top:15px}.handout-footer{border-top:1px solid #dfe6d6;padding-top:15px;margin-top:24px;font-size:9px;color:#97a58a}.handout-prep .handout-support{margin-bottom:0!important}
@media screen and (max-width:900px){.print-toolbar{margin:0 20px}.handout{margin:0 20px 30px;padding:35px}.print-toolbar>span{font-size:9px}}
@media screen and (max-width:550px){.print-toolbar{gap:8px}.print-toolbar>span{display:none}.print-toolbar .button{font-size:9px;padding:9px 12px}.handout{margin:0 12px 25px;padding:25px}.handout>h1{font-size:35px}.handout-header{font-size:8px}.handout-header>span:first-child{font-size:26px;gap:8px}.handout-header small{font-size:6px;max-width:95px}.handout-language{grid-template-columns:1fr;gap:20px;padding:19px}.handout-adaptations,.handout-prep{grid-template-columns:1fr;gap:18px}.handout-timeline li{grid-template-columns:37px 1fr;gap:12px}.handout{font-size:12px}.handout-timeline h3{font-size:12px}}
@media print{
  @page{size:A4;margin:15mm 14mm 17mm}body{background:#fff!important;color:#18291e;font-family:Arial,sans-serif;font-size:10pt;line-height:1.5;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sidebar,.sidebar-shade,.topbar,.skip-link,.footer,.welcome-banner,.curriculum-facts,.filters,.print-library,.detail-actions,.lesson-breadcrumb,.lesson-heading>.button,.save-button,.card-footer,.lesson-pagination,.toast,.reset-progress,.page-heading>.button,.heading-link,.guide-cta,.progress-note,.search-field,.filter-summary,.saved-empty,.reset-dialog{display:none!important}.workspace{margin:0!important}main{max-width:none;margin:0;padding:0;min-height:0}.page-heading{margin:0 0 16pt;display:block}.page-heading h1,.lesson-heading h1{font-family:Georgia,serif;font-size:27pt;color:#234532;line-height:1.2;margin:5pt 0 8pt}.page-heading p{font-size:9pt;max-width:none;color:#555}.eyebrow{font-size:7pt;color:#657557;letter-spacing:1pt}.lesson-heading{display:block;margin-bottom:18pt}.lesson-heading>div>p{font-size:10pt;color:#455640;max-width:none}.lesson-tags{font-size:8pt;color:#5d6b55;gap:12pt;margin-top:10pt}.lesson-layout{display:block}.lesson-language{display:grid;grid-template-columns:1fr 1fr;break-inside:avoid;border-color:#c8d6bf}.new-language,.review-language{padding:14pt}.lesson-language h2{font-size:11pt}.lesson-language p{font-size:8pt;color:#55664a}.large-words>span{font:17pt Georgia,serif;padding:5pt 9pt}.review-words{gap:4pt;margin-top:10pt}.review-words>span{font-size:8pt;color:#58684c;padding:3pt 6pt}.sentence-section{padding:13pt;margin:16pt 0;border-color:#d0dac9;break-inside:avoid}.section-label h2{font-size:11pt}.sentence-lines blockquote{font:16pt Georgia,serif;color:#385431}.support-note{font-size:8pt;line-height:1.6;color:#65715d}.section-top{margin:16pt 0 11pt}.section-top h2,.adaptation-section>h2{font-size:13pt;letter-spacing:0}.section-top .subtle{font-size:8pt;color:#718064}.timeline{margin:0}.timeline>li{grid-template-columns:42pt 1fr;gap:10pt;break-inside:avoid;padding-bottom:10pt}.timeline>li:before{left:20pt;top:35pt}.time-block{padding-top:10pt}.time-block strong{font-size:9pt;color:#4e6640}.time-block span{font-size:7pt}.step-content{padding:11pt 13pt;border-color:#d5dfcd;border-radius:5pt}.step-content h3{font-size:10pt;margin-bottom:5pt}.step-content p{font-size:9pt;color:#4d5d44;line-height:1.6}.step-number{font:16pt Georgia,serif;top:9pt;right:12pt;color:#8b9d7c}.game-panel{margin:13pt 0 18pt;padding:14pt;break-inside:avoid;border-color:#dcd2b8}.game-panel h2{font:20pt Georgia,serif;color:#766239}.game-panel p{font-size:9pt;color:#7a7055}.game-panel .eyebrow{font-size:6pt}.adaptation-section{margin-top:15pt}.adaptation-grid{display:grid;grid-template-columns:1fr 1fr;gap:10pt}.adaptation-grid>div{padding:14pt;break-inside:avoid}.age-tag{font-size:6pt}.adaptation-grid h3{font:18pt Georgia,serif;margin:6pt 0 8pt}.adaptation-grid p{font-size:9pt;color:#5a6a4e;line-height:1.6}.lesson-rail{display:grid;grid-template-columns:1fr 1fr;gap:11pt;margin-top:18pt}.rail-card{padding:14pt;break-inside:avoid;border-color:#cfdbc4}.rail-card>p,.materials-list label,.mastery-list li{font-size:9pt;color:#56694a}.rail-card .section-label h2{font-size:11pt}.materials-list{gap:7pt;margin-top:10pt}.materials-list input{appearance:none;border:1px solid #819572;width:9pt;height:9pt;margin-top:2pt}.materials-list label:has(input:checked) span{text-decoration:none;color:#56694a}.materials-list input:checked:after{content:'✓';font-size:8pt;display:block;line-height:8pt}.small-note{font-size:7pt!important;color:#7f8b73!important}.mastery-list{gap:8pt}.mastery-note{font-size:8pt;color:#5d7051}.teacher-notes{grid-column:1/-1}.teacher-notes p{line-height:1.6}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10pt}.lesson-card{padding:13pt;border-color:#cbd8c0;min-height:0;break-inside:avoid;transform:none;box-shadow:none}.card-top{margin-bottom:7pt}.card-title h3{font-size:12pt}.card-objective{font-size:9pt;color:#647257;margin-bottom:10pt;min-height:0}.word-list{margin-bottom:9pt}.word-list>span{font-size:9pt}.card-meta{font-size:7pt;color:#7b876d;margin:0}.week-group{margin-bottom:20pt}.week-heading{break-after:avoid;margin-top:18pt}.week-heading h3{font:19pt Georgia,serif}.week-heading p{font-size:8pt;color:#77836b;max-width:none}.week-badge{font-size:7pt}.week-total{font-size:8pt}.week-heading{gap:10pt}.week-nav{display:none}.progress-hero{padding:19pt;margin:0 0 20pt;break-inside:avoid}.progress-hero .button{display:none}.progress-hero h2{font:24pt Georgia,serif}.progress-hero p{font-size:9pt;color:#637653}.progress-ring{height:80pt;width:80pt}.progress-ring strong{font:30pt Georgia,serif}.progress-weeks{display:grid;grid-template-columns:1fr 1fr;gap:11pt}.progress-week{padding:13pt;break-inside:avoid}.progress-week-heading{gap:7pt;flex-wrap:nowrap}.progress-week-heading h3{font:16pt Georgia,serif}.progress-week-heading .week-badge{font-size:6pt}.progress-lesson{padding:6pt 0}.progress-lesson>a{font-size:8pt}.progress-lesson>a>span{font-size:7pt}.progress-checkbox{width:10pt;height:10pt}.saved-section{margin-top:20pt}.guide-intro{grid-template-columns:1fr 1.5fr;padding:20pt;gap:25pt;margin-bottom:18pt;break-inside:avoid}.guide-intro h2{font:27pt Georgia,serif}.guide-intro p,.baseline-section>p{font-size:9pt;color:#5b6f4e}.baseline-section{padding:17pt;break-inside:avoid}.baseline-section h2{font-size:11pt}.principle-grid{grid-template-columns:1fr 1fr;gap:11pt}.principle{padding:15pt;break-inside:avoid}.principle h3{font:21pt Georgia,serif}.principle p{font-size:9pt;color:#627454}.principle>a{font-size:7pt;color:#5d754e;display:block;overflow-wrap:anywhere}.principle>a .icon{display:none}.principle-top{margin-bottom:9pt}.guide-practical{margin-top:20pt}.guide-practical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15pt}.guide-practical h3{font-size:10pt}.guide-practical p{font-size:9pt;color:#5e7150}.guide-practical>h2{font-size:13pt}.guide-principles-heading{margin-top:20pt}.heading-link{display:none}a{color:inherit}h2,h3{break-after:avoid}#active-filters{display:none}.filter-summary{display:none!important}.section-top>button{display:none!important}
}
@media print{.print-toolbar{display:none!important}.handout{box-shadow:none!important;max-width:none!important;margin:0!important;padding:0!important;font-size:9pt;line-height:1.6}.handout-header{font-size:8pt;margin-bottom:16pt;padding-bottom:12pt}.handout-header>span:first-child{font:22pt Georgia,serif}.handout-header small{font-size:6pt}.handout>h1{font:27pt Georgia,serif;color:#26492f;margin-bottom:8pt}.handout-objective{font-size:10pt}.handout-meta{font-size:8pt;color:#65785a;margin:8pt 0 15pt}.handout h2{font-size:11pt;margin-bottom:8pt}.handout h3{font-size:10pt;margin-bottom:4pt}.handout-language{display:grid;grid-template-columns:1fr 1fr;gap:20pt;padding:13pt;break-inside:avoid}.handout-targets{font:19pt Georgia,serif}.handout-sentence{font:15pt/1.4 Georgia,serif}.handout-language h3{font-size:8pt;margin-top:13pt}.handout-support{font-size:8pt;color:#627456;margin:9pt 0 16pt!important}.handout-timeline{margin:10pt 0 16pt}.handout-timeline li{grid-template-columns:35pt 1fr;gap:12pt;padding:9pt 0;break-inside:avoid}.handout-timeline li>div:first-child{font-size:9pt}.handout-timeline li>div:first-child>span{font-size:7pt}.handout-game{padding:13pt;margin:13pt 0 17pt}.handout-adaptations,.handout-prep{display:grid;grid-template-columns:1fr 1fr;gap:18pt}.handout-adaptations>div,.handout-prep>div{break-inside:avoid}.handout-prep{padding-top:14pt;margin-top:14pt}.handout-notes{padding-top:13pt;margin-top:10pt}.handout-footer{font-size:7pt;margin-top:16pt;padding-top:10pt}.handout p{margin-bottom:7pt}.handout-timeline p{margin-bottom:0}}

/* Complete vocabulary reference */
.vocab-intro{display:flex;align-items:center;gap:30px;padding:26px 30px;background:#eaf0df;border:1px solid #dfe7d4;border-radius:9px;margin-bottom:24px}.vocab-intro>div{display:flex;flex-direction:column;flex-shrink:0}.vocab-intro strong{font:38px var(--serif);color:#547144}.vocab-intro span{font-size:11px;color:#748866}.vocab-intro p{font-size:12px;line-height:1.8;color:#6c805e;max-width:460px;margin-left:auto}.vocab-count{font-size:11px;color:#75856a;margin:-9px 0 24px}.vocab-group{margin:0 0 30px}.vocab-group h2{font:26px var(--serif);color:#455f39}.vocab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vocab-card{display:flex;flex-direction:column;padding:19px 21px;border:1px solid #e0e7d7;border-radius:7px;background:white;break-inside:avoid;min-width:0}.vocab-card strong{font:26px/1.3 var(--serif);color:#4c6d3b;overflow-wrap:anywhere}.vocab-card>span{font-size:10px;color:#7c8d6c;margin-top:7px}.vocab-card>small{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:10px;color:#71885f}.vocab-card .icon{width:14px;height:14px}.vocab-card:hover{border-color:#a9bf94;background:#f6f9f0}.baseline-word{background:#f6f5ed;border-color:#e9e5d8}.baseline-word strong{color:#8a794d}.baseline-word:hover{background:#f6f5ed;border-color:#e9e5d8}
@media(max-width:1000px){.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vocab-intro{flex-wrap:wrap;gap:20px}.vocab-intro p{margin-left:0;flex-basis:100%}}
@media(max-width:550px){.vocab-grid{gap:10px}.vocab-card{padding:15px}.vocab-card strong{font-size:24px}.vocab-card>small{font-size:9px;align-items:flex-start}.vocab-intro{padding:22px;gap:25px}.vocab-intro span{font-size:10px}.vocab-group h2{font-size:23px}.vocab-group .week-heading p{max-width:none}}
@media print{.vocab-intro{padding:12pt;gap:20pt;break-inside:avoid}.vocab-intro strong{font:25pt Georgia,serif}.vocab-intro p,.vocab-intro span,.vocab-count{font-size:8pt}.vocab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8pt}.vocab-card{padding:10pt}.vocab-card strong{font:16pt Georgia,serif}.vocab-card>span,.vocab-card>small{font-size:7pt}.vocab-group{margin-bottom:18pt}.vocab-group h2{font:18pt Georgia,serif}.vocab-group .week-heading{break-after:avoid}.vocab-card .icon{display:none}}

/* ===== v2: bold week colours, stage colours, readability, teaching tools ===== */
:root{
  --wk1:#2e7d32;--wk2:#c2410c;--wk3:#4338ca;--wk4:#0f766e;--wk5:#0369a1;--wk6:#be123c;
  --wk7:#a16207;--wk8:#7e22ce;--wk9:#6b7a0a;--wk10:#c0267a;--wk11:#78350f;--wk12:#334155;
  --st1:#0b7a75;--st2:#6d3fc4;--st3:#b45309;--st4:#1d62c4;--st5:#c42b45;--st6:#2e7d32;--st7:#475569;
  --gt-circle:#b45309;--gt-trail:#1d62c4;--gt-hunt:#2e7d32;--gt-freeze:#0e7490;--gt-cafe:#be123c;--gt-pairs:#6d3fc4;--gt-reveal:#a21caf;--gt-stations:#c2410c;
  --cream:#fffaf0;--text:#26332c;--text-soft:#44524a;--muted:#4a574f}
body{font-size:16px;color:var(--text)}
.gt-badge{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--gt);color:#fff;flex-shrink:0}
.gt-badge.sm{width:30px;height:30px;border-radius:9px;margin-right:8px}
.stage-badge{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--st);color:#fff;flex-shrink:0}
.stage-badge.lg{width:64px;height:64px}
@media screen{
  /* readability: bigger, darker small text */
  .page-heading p,.welcome-copy p,.week-heading p,.card-objective,.support-note,.step-content p,.game-panel p,.adaptation-grid p,.rail-card>p,.rail-card p,.mastery-list li,.small-note,.progress-hero p,.progress-note>p,.guide-intro p,.guide-practical p,.baseline-section>p,.vocab-intro p,.saved-empty p,.principle p{color:var(--text-soft)!important;font-size:16px!important;line-height:1.65!important}
  .card-objective{font-size:15px!important;min-height:0!important}
  .week-heading p{font-size:15px!important}
  .eyebrow,.page-heading .eyebrow,.lesson-heading .eyebrow,.welcome-copy .eyebrow{font-size:12px!important;letter-spacing:1.2px;color:var(--text-soft)}
  .topbar,.audience,.topbar-left>span:last-child,.topbar-title{font-size:14px!important;color:var(--text-soft)}
  .footer,.footer>a{font-size:13px!important;color:var(--text-soft)}
  .lesson-index,.card-meta{font-size:13px!important;color:var(--text-soft)}
  .card-meta{gap:10px}
  .card-title h3{font-size:20px!important}
  .word-list>span{font-size:16px!important;font-weight:600;color:var(--text)!important;background:#fff;border:1px solid #d6dccb}
  .card-footer>a,.taught-toggle{font-size:14px!important;color:var(--text)}
  .curriculum-facts strong{font-size:15px!important;color:var(--text)}.curriculum-facts small{font-size:13px!important;color:var(--text-soft)}
  .search-field input,.select-wrap select{font-size:15px!important}.search-field input::placeholder{color:#5d6a62}
  .week-total,.subtle,.section-top h2>span,.filter-summary{font-size:14px!important;color:var(--text-soft)}
  .week-badge{font-size:12px!important;background:var(--wk)!important;color:#fff!important;padding:7px 11px}
  .section-top h2{font-size:22px!important}
  .rail-card h2,.section-label h2{font-size:18px!important}
  .adaptation-section>h2{font-size:22px!important}.age-tag{font-size:12px!important;color:var(--text-soft)!important}
  .adaptation-grid p{font-size:16px!important}
  .review-words>span{font-size:16px!important;color:var(--text)!important}
  .support-note{display:none}
  .principle>a,.vocab-card>span,.vocab-card>small,.vocab-intro span{font-size:14px!important;color:var(--text-soft)!important}
  .progress-lesson>a{font-size:15px!important;color:var(--text)!important}.progress-week-heading>span:last-child{font-size:14px!important;color:var(--text-soft)!important}
  .reset-progress{font-size:14px!important;color:var(--text-soft)!important}
  .lesson-breadcrumb>span,.lesson-breadcrumb>a{font-size:14px!important;color:var(--text-soft)}
  .button{font-size:15px}
  .sentence-lines blockquote{font-size:28px!important}
  .mastery-note{font-size:14px!important;color:var(--text-soft)!important}
  .mastery-note a{color:var(--wk1);text-decoration:underline}
  .bridge-note{font-size:15px!important;color:var(--text)!important;font-weight:600}
  .teacher-notes p{font-size:15px!important}
  /* sidebar */
  .week-nav{font-size:15px!important;color:var(--text)!important;gap:9px;min-height:40px}
  .workspace-label,.week-label>span{font-size:12px!important;color:var(--text-soft)!important}
  .main-nav a{font-size:15px!important}
  .sidebar-bottom>p,.growth-label,.sidebar-foot{font-size:13px!important;color:var(--text-soft)!important}
  .week-ico{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--wk);color:#fff;flex-shrink:0}
  .week-ico .icon{width:17px;height:17px}
  .week-number{background:transparent!important;color:var(--wk)!important;border:0!important;font-weight:700;font-size:13px!important;width:auto!important}
  .week-nav.selected{background:var(--wk)!important;color:#fff!important}
  .week-nav.selected .week-number{color:#fff!important}.week-nav.selected .week-ico{background:#fff;color:var(--wk)}
  /* library cards */
  .lesson-card{border-top:6px solid var(--wk)!important;background:#fff}
  .lesson-card .lesson-symbol{background:var(--wk)!important;color:#fff!important;width:42px;height:42px;border-radius:12px}
  .lesson-card .lesson-symbol>.icon{width:24px;height:24px}
  .lesson-card .lesson-index{color:var(--wk)!important;font-weight:700}
  .lesson-card .card-footer>a{color:var(--wk)!important;font-weight:700}
  /* lesson hero band */
  .lesson-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--wk);color:var(--cream);border-radius:16px;padding:30px 34px;margin-bottom:16px;position:relative;overflow:hidden}
  .lesson-hero .eyebrow{color:#fff!important;opacity:.92;font-size:12px!important}
  .lesson-hero h1{font-size:46px;line-height:1.08;margin:8px 0 10px;color:#fff;font-family:var(--serif);font-weight:400}
  .lesson-hero p{font-size:18px;line-height:1.5;color:var(--cream);max-width:640px;margin:0 0 18px}
  .hero-art{color:#fff;opacity:.28;flex-shrink:0}.hero-art .icon{width:150px;height:150px;stroke-width:1.1}
  .hero-actions{display:flex;gap:10px;flex-wrap:wrap}
  .hero-actions .button{border-radius:10px;padding:12px 18px;font-size:16px;font-weight:700;display:inline-flex;align-items:center;gap:8px}
  .hero-actions .teach-btn{background:#fff;color:var(--wk);border:2px solid #fff}
  .hero-actions .hero-sec{background:transparent;color:#fff;border:2px solid #ffffffcc}
  .hero-actions .hero-sec.is-done{background:#ffffff33}
  .hero-actions .button:hover{filter:brightness(.96)}
  /* at a glance */
  .glance{display:grid;grid-template-columns:2.2fr 1.6fr 1fr .8fr;gap:0;background:var(--wk);color:#fff;border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 0 0 3px var(--wk) inset}
  .glance>*{padding:18px 22px;border-left:1px solid #ffffff55;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center}
  .glance>*:first-child{border-left:0}
  .g-label{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;opacity:.92}
  .glance b{font-size:20px;font-weight:700;display:flex;align-items:center;line-height:1.2}
  .g-chips{display:flex;flex-wrap:wrap;gap:8px}
  .g-chips span{background:#fff;color:var(--text);font-family:var(--serif);font-size:30px;line-height:1.2;padding:4px 16px;border-radius:12px}
  .glance a.glance-item:hover{background:#ffffff1f}
  .glance .gt-badge{box-shadow:0 0 0 2px #fff}
  /* you need checklist */
  .need-card{background:#fff;border:2px solid var(--wk);border-radius:16px;padding:18px 22px;margin-bottom:22px}
  .need-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
  .need-head h2{display:flex;align-items:center;gap:10px;font-size:22px;color:var(--wk)}
  .need-count{font-weight:700;font-size:15px;background:var(--wk);color:#fff;border-radius:99px;padding:4px 12px}
  .need-card.all-ready .need-count{background:#2e7d32}
  .need-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
  .need-list label{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #d6dccb;border-radius:12px;font-size:17px;line-height:1.35;cursor:pointer;color:var(--text);min-height:56px;background:#fbfcf8}
  .need-list label:has(input:checked){background:#e6f2e2;border-color:#2e7d32;text-decoration:line-through;color:var(--text-soft)}
  .need-list input{width:26px;height:26px;accent-color:#2e7d32;flex-shrink:0;margin:0}
  .need-ico{color:var(--wk);display:grid}
  /* timeline */
  .tbar{display:flex;gap:3px;margin:0 0 18px;height:62px}
  .tseg{min-width:0;background:var(--st);color:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden}
  .tseg b{font-size:14px;font-weight:700}.tseg.tiny b{font-size:13px}
  .timeline>li{grid-template-columns:78px 1fr!important}
  .timeline>li:before{left:38px!important;background:#c9d2c0!important;width:2px!important;top:58px!important}
  .time-block{gap:2px;padding-top:6px!important}
  .time-block strong{font-size:15px!important;color:var(--st)!important;font-weight:700}
  .time-block>span:last-child{font-size:13px!important;color:var(--text-soft)!important}
  .step-content{border:1px solid #d6dccb!important;border-left:6px solid var(--st)!important;background:#fff}
  .step-content h3{font-size:19px!important;color:var(--st);margin-bottom:6px}
  .step-number{color:var(--st)!important;opacity:.4;font-size:24px!important}
  .pointer-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--st);font-size:17px}
  /* game card */
  .game-card{border:2px solid var(--gt);background:#fff;border-radius:16px;padding:22px 24px;margin:20px 0 28px;scroll-margin-top:80px}
  .game-head{display:flex;gap:16px;align-items:center;margin-bottom:14px}
  .game-head .eyebrow{color:var(--gt)!important;font-weight:700}
  .game-head h2{font-size:32px;line-height:1.1;margin:2px 0 6px;font-family:var(--serif);font-weight:400}
  .game-meta{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--text-soft);flex-wrap:wrap;margin:0}
  .game-meta i{width:4px;height:4px;border-radius:50%;background:currentColor}
  .game-steps{list-style:none;counter-reset:gs;margin:0 0 16px;padding:0;display:grid;gap:10px}
  .game-steps li{counter-increment:gs;display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.5;color:var(--text)}
  .game-steps li:before{content:counter(gs);flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--gt);color:#fff;font-weight:700;font-size:15px;display:grid;place-items:center;margin-top:1px}
  .game-need{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:1px dashed #cfd6c4;padding-top:14px}
  .game-need strong{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--gt);margin-right:4px}
  .game-need span{display:inline-flex;gap:6px;align-items:center;background:#f3f6ed;border-radius:99px;padding:5px 12px;font-size:14px;color:var(--text)}
  .lesson-language{grid-template-columns:1fr!important}
  /* guide */
  .guide-every{margin:30px 0}.guide-every h2{font-size:26px;margin-bottom:14px}
  .guide-every-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .guide-every-grid>div{background:#fff;border:1px solid #d6dccb;border-left:6px solid var(--st3);border-radius:12px;padding:18px 20px}
  .guide-every-grid h3{font-size:18px;margin-bottom:6px}.guide-every-grid p{font-size:16px;line-height:1.6;color:var(--text-soft)}
}
@media screen and (max-width:760px){
  .glance{grid-template-columns:1fr 1fr}.glance>*{border-left:0;border-top:1px solid #ffffff55}
  .glance>.glance-words{grid-column:1/-1;border-top:0}.glance>a.glance-item:nth-child(2){grid-column:1/-1}
  .lesson-hero{padding:22px 20px}.lesson-hero h1{font-size:36px!important}.hero-art{display:none}
  .guide-every-grid{grid-template-columns:1fr}
  .lesson-hero p{font-size:16px}
  .timeline>li{grid-template-columns:56px 1fr!important}.timeline>li:before{left:27px!important}
  .time-block strong{font-size:13px!important}
  .game-card{padding:18px 16px}.game-head h2{font-size:27px}
}
@media screen and (max-width:420px){
  .g-chips span{font-size:26px}.tbar{height:54px}.hero-actions .button{flex:1 1 100%;justify-content:center}
  .need-list{grid-template-columns:1fr}
  .step-content{padding:16px 14px!important}
}

/* ===== Teach mode and flashcards (full screen, projector friendly) ===== */
body.full-mode{background:#fffaf0}
.teach,.flash{min-height:100vh;display:flex;flex-direction:column;background:#fffaf0;color:var(--text)}
.teach-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;background:var(--wk);color:#fff}
.teach-title{font-weight:700;font-size:18px;text-align:center;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.teach-exit{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:16px;padding:8px 12px;border:2px solid #ffffffaa;border-radius:10px}
.teach-progress{display:flex;gap:3px;padding:8px 20px 0}
.teach-progress i{height:10px;border-radius:5px;background:var(--st);opacity:.25}
.teach-progress i.past{opacity:.7}.teach-progress i.now{opacity:1;height:14px;margin-top:-2px}
.teach-grid{flex:1;display:grid;grid-template-columns:1fr minmax(260px,32%);gap:24px;padding:20px 24px}
.teach-main{display:flex;flex-direction:column;gap:20px;min-width:0}
.teach-stage{display:flex;align-items:center;gap:16px}
.teach-stage .stage-badge{background:var(--st)}
.teach-stage small{font-size:15px;font-weight:700;letter-spacing:1.2px;color:var(--st)}
.teach-stage h1{font-size:clamp(30px,4.5vw,56px);line-height:1.1;margin:2px 0 0;font-family:var(--serif);font-weight:400;color:var(--text)}
.teach-lines{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.teach-lines li{font-size:clamp(22px,2.8vw,36px);line-height:1.3;padding-left:20px;border-left:8px solid var(--st);color:var(--text)}
.teach-words{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto}
.teach-words span{background:var(--wk);color:#fff;font-family:var(--serif);font-size:clamp(34px,5vw,64px);line-height:1.15;padding:6px 26px;border-radius:18px}
.teach-words.huge span{font-size:clamp(56px,11vw,150px);padding:10px 40px;border-radius:28px}
.teach-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--st);color:#fff;border-radius:24px;padding:24px 16px;align-self:start}
.clock-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:clamp(64px,10vw,140px);font-weight:700;line-height:1}
.clock-label{font-size:18px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700}
.clock-buttons{display:flex;gap:12px}
.tbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 22px var(--sans);padding:16px 28px;min-height:64px;border-radius:16px;border:3px solid var(--text);background:#fff;color:var(--text);cursor:pointer}
.tbtn:disabled{opacity:.35;cursor:default}
.tbtn.go{background:#fff;color:var(--st);border-color:#fff;min-width:170px}
.teach-clock .tbtn{border-color:#fff}
.tbtn.next{background:var(--wk);border-color:var(--wk);color:#fff}
.teach-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px 22px}
.teach-hint{font-size:14px;color:var(--text-soft);text-align:center}
.teach.times-up .teach-clock{animation:flash 1s steps(2) infinite}
@keyframes flash{50%{background:#c42b45}}
.flash-card{flex:1;display:grid;place-items:center;margin:20px 24px;border:0;border-radius:32px;background:var(--wk);color:#fff;cursor:pointer;padding:20px;min-height:50vh}
.flash-word{font-family:var(--serif);font-size:clamp(80px,22vw,300px);line-height:1.1;text-align:center;overflow-wrap:anywhere}
.flash-word.md{font-size:clamp(60px,15vw,220px)}.flash-word.sm{font-size:clamp(44px,10vw,150px)}.flash-word.xs{font-size:clamp(34px,7vw,100px)}
.flash-dots{display:flex;align-items:center;gap:8px}.flash-dots i{width:14px;height:14px;border-radius:50%;background:var(--wk);opacity:.3}.flash-dots i.now{opacity:1}.flash-dots em{font-style:normal;font-weight:700;margin-left:8px;font-size:18px}
@media(max-width:760px){
  .teach-grid{grid-template-columns:1fr;padding:14px}.teach-clock{order:-1;align-self:stretch}
  .tbtn{font-size:18px;padding:12px 16px;min-height:54px}.teach-hint{display:none}.teach-nav{padding:12px 14px 18px}
  .teach-top{padding:10px 12px}.teach-exit{font-size:14px;padding:6px 8px}.teach-title{font-size:15px}
  .teach-words.huge span{font-size:clamp(48px,18vw,100px)}
}

/* ===== One-page A4 card ===== */
.sheet{background:#fff;max-width:794px;margin:0 auto 40px;padding:22px 26px;font:13px/1.4 var(--sans);color:#1f2a24;box-shadow:0 2px 20px #293e2920}
.sheet-head{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--wk);color:#fff;border-radius:10px;padding:14px 18px}
.sheet-head small{font-size:11px;letter-spacing:1px;font-weight:700}
.sheet-head h1{font:30px/1.1 var(--serif);margin:3px 0 4px;color:#fff}.sheet-head p{margin:0;font-size:13px}
.sheet-art{opacity:.45}
.sheet-glance{display:grid;grid-template-columns:2.2fr 1.8fr .9fr .8fr;gap:10px;margin:10px 0}
.sheet-glance>div{border:2px solid var(--wk);border-radius:8px;padding:6px 10px;display:flex;flex-direction:column}
.sheet-glance small{font-size:10px;letter-spacing:1px;color:var(--wk);font-weight:700}
.sheet-glance b{font-size:15px}.sheet-glance em{font-style:normal;font-size:11px;color:#44524a}
.sg-words div{display:flex;gap:6px;flex-wrap:wrap}.sg-words span{font:22px/1.2 var(--serif);background:var(--wk);color:#fff;padding:0 10px;border-radius:7px}
.sheet .tbar{height:34px;margin:0 0 8px}.sheet .tseg{flex-direction:row;gap:4px;border-radius:5px}.sheet .tseg b{font-size:11px}.sheet .tseg .icon{width:15px;height:15px}
.sheet-steps{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:3px}
.sheet-steps li{display:grid;grid-template-columns:62px 22px 1fr;gap:8px;align-items:start;border-left:5px solid var(--st);padding:3px 8px;background:#f7f8f4;font-size:11.5px}
.sh-time{display:flex;flex-direction:column;font-size:10px;color:#44524a}.sh-time b{font-size:12px;color:var(--st)}
.sh-ico{color:var(--st);display:grid;padding-top:2px}
.sheet-cols{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}
.sheet h2{display:flex;align-items:center;gap:6px;font:700 14px var(--sans);margin:0 0 5px;color:var(--wk)}
.sheet-game{border:2px solid var(--gt);border-radius:8px;padding:8px 12px}.sheet-game h2{color:var(--gt);font-size:15px}
.sheet-game ol{margin:0;padding-left:20px;font-size:12px}.sheet-game li{margin-bottom:3px}
.sheet-need ul{list-style:none;margin:0 0 8px;padding:0;font-size:12px}.sheet-need li{display:flex;gap:7px;align-items:flex-start;margin-bottom:3px}
.sheet-need li i{width:12px;height:12px;border:2px solid #44524a;border-radius:3px;flex-shrink:0;margin-top:2px}
.sheet-foot{margin-top:8px;border-top:1px solid #cfd6c4;padding-top:6px;font-size:11px;color:#44524a}
@media print{
  @page{size:A4;margin:9mm}
  .sheet{box-shadow:none;max-width:none;margin:0;padding:0;font-size:9.5pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sheet-head h1{font-size:23pt}.sheet-steps li{font-size:8.5pt}.sheet-game ol,.sheet-need ul{font-size:9pt}
  .teach,.flash{display:none}
  .glance,.lesson-hero,.tseg,.week-badge,.gt-badge,.stage-badge,.g-chips span,.need-count{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .lesson-hero{background:var(--wk)!important;color:#fff;padding:14pt 16pt;border-radius:6pt}.lesson-hero h1{font-size:24pt;color:#fff}.lesson-hero p{color:#fff}.hero-actions,.hero-art{display:none!important}
  .glance{background:var(--wk)!important;color:#fff;break-inside:avoid;margin-bottom:10pt}.g-chips span{font-size:16pt}
  .glance>*{padding:8pt 10pt}.glance b{font-size:11pt;color:#fff}
  .need-card{break-inside:avoid;border:1.5pt solid var(--wk);padding:8pt}.need-list{display:grid;grid-template-columns:1fr 1fr;gap:5pt}.need-list label{font-size:10pt;min-height:0;padding:5pt;border:1pt solid #999}
  .need-list input{width:12pt;height:12pt}.need-count{display:none}
  .tbar{height:26pt;break-inside:avoid}.tseg{border-radius:3pt}.tseg .icon{display:none}
  .game-card{break-inside:avoid;padding:10pt;margin:10pt 0}.game-head h2{font-size:18pt}.game-steps li{font-size:10pt}
  .time-block strong{font-size:9pt!important}.step-content{border-left:4pt solid var(--st)!important}.step-content h3{font-size:10pt!important}
  .step-content p{font-size:9pt!important;color:#222!important}
  .pointer-link{font-size:9pt}.guide-every-grid{display:block}
  .week-ico{display:none}
}

/* ===== v3: bright home page and page headers ===== */
:root{--sun:#ffc93c;--home-green:#1f6b3a;--home-blue:#0b5394;--home-purple:#5b21b6;--home-red:#9f1239}
@media screen{
  /* welcome banner */
  .welcome-banner{background:var(--home-green)!important;border:0!important;border-radius:18px;box-shadow:0 6px 0 #14502b}
  .welcome-copy .eyebrow{color:var(--sun)!important;font-size:13px!important;font-weight:700}
  .welcome-copy h2{color:#fff;font-size:58px}
  .welcome-copy h2 em{color:var(--sun);font-style:italic}
  .welcome-copy p{color:#fffaf0!important;font-size:18px!important;max-width:380px}
  .welcome-copy .desktop-br{display:none}
  .welcome-copy .button.primary{background:var(--sun)!important;color:#1d2a20!important;border:0;border-radius:12px;font-size:19px!important;font-weight:800;padding:15px 24px;box-shadow:0 4px 0 #b88a0a;display:inline-flex;align-items:center;gap:10px}
  .welcome-copy .button.primary:hover{filter:brightness(1.05)}
  .welcome-copy .button .icon:first-child{width:20px;height:20px}
  .welcome-art{background:#fffaf0;border-radius:28px;padding:14px;box-sizing:border-box;box-shadow:0 5px 0 #14502b}
  .banner-note{color:#fffaf0!important;font-size:13px!important;font-weight:600}
  .banner-note .note-dot{background:var(--sun)!important}
  /* stats chips */
  .curriculum-facts{border-bottom:0;gap:14px;padding:6px 0 22px}
  .curriculum-facts>div{border-left:0!important;padding:14px 16px!important;border-radius:14px;background:#fff;border:2px solid var(--c)!important;gap:12px}
  .curriculum-facts>div:nth-child(1){--c:var(--wk2)}.curriculum-facts>div:nth-child(2){--c:var(--wk5)}
  .curriculum-facts>div:nth-child(3){--c:var(--wk8)}.curriculum-facts>div:nth-child(4){--c:var(--wk1)}
  .curriculum-facts>div>.icon{width:46px!important;height:46px!important;padding:11px;box-sizing:border-box;border-radius:12px;background:var(--c);color:#fff!important;flex-shrink:0;margin:0!important}
  .curriculum-facts strong{font-size:16px!important;color:var(--c)!important;font-weight:800}
  .curriculum-facts small{font-size:13px!important;color:var(--text-soft)!important}
  /* library section */
  .library-section{background:#fff3d6;border:2px solid #f0d58a;border-radius:18px;padding:20px 22px 8px}
  .library-section .section-top h2{color:#7a4b00}
  .library-section .filters{background:#fff;border:2px solid #f0d58a;border-radius:14px;padding:10px;gap:10px}
  .search-field{border:2px solid var(--wk5)!important;border-radius:10px!important;height:48px!important;color:var(--wk5)!important}
  .search-field input{height:44px!important}
  .select-wrap{border:2px solid var(--c,var(--wk2))!important;border-radius:10px!important;color:var(--text)!important}
  .select-wrap select{height:44px!important;font-weight:600}
  .filters .select-wrap:nth-of-type(2){--c:var(--wk2)}.filters>.select-wrap:nth-of-type(3){--c:var(--wk8)}.filters>.select-wrap:nth-of-type(4){--c:var(--wk1)}
  .library-section .text-link,.print-library{color:#7a4b00}
  .week-group .week-heading,.vocab-group .week-heading{background:var(--wk);border-radius:14px;padding:12px 16px;color:#fff}
  .week-group .week-heading h3,.week-group .week-heading h2,.vocab-group .week-heading h2,.week-group .week-heading p,.vocab-group .week-heading p{color:#fff!important}
  .week-group .week-heading h3{font-size:26px}
  .week-group .week-badge,.vocab-group .week-heading .week-badge{background:#fff!important;color:var(--wk)!important;font-weight:800}
  .week-group .week-total{color:#fff!important;margin-left:auto;font-weight:700}
  .lesson-card{border:2px solid var(--wk)!important;border-top-width:10px!important;box-shadow:0 4px 0 var(--wk)}
  .lesson-card .card-title h3{color:var(--wk)}
  .lesson-card .word-list>span{border-color:var(--wk);background:#fff}
  /* page headers */
  main[data-page="vocabulary"] .page-heading,main[data-page="progress"] .page-heading,main[data-page="guide"] .page-heading{background:var(--hd);border-radius:18px;padding:26px 30px;align-items:center}
  main[data-page="vocabulary"]{--hd:var(--wk5)}main[data-page="progress"]{--hd:var(--wk1)}main[data-page="guide"]{--hd:var(--wk8)}
  main[data-page="vocabulary"] .page-heading h1,main[data-page="progress"] .page-heading h1,main[data-page="guide"] .page-heading h1{color:#fff}
  main[data-page="vocabulary"] .page-heading p,main[data-page="progress"] .page-heading p,main[data-page="guide"] .page-heading p{color:#fffaf0!important;font-size:18px!important}
  main[data-page="vocabulary"] .page-heading .eyebrow,main[data-page="progress"] .page-heading .eyebrow,main[data-page="guide"] .page-heading .eyebrow{color:var(--sun)!important}
  main[data-page] .page-heading>.button{background:#fff;color:var(--hd);border:0;font-weight:800}
  .vocab-intro{background:#e4effb!important;border:2px solid var(--wk5)!important;border-radius:16px}
  .vocab-intro strong{color:var(--wk5)!important}
  .vocab-intro p,.vocab-intro span{color:var(--text)!important;font-size:16px!important}
  .progress-hero{background:var(--home-green)!important;border:0!important;border-radius:18px;color:#fff}
  .progress-hero h2,.progress-hero p{color:#fff!important}.progress-hero .eyebrow{color:var(--sun)!important}
  .progress-ring{background:conic-gradient(var(--sun) var(--progress),#ffffff44 var(--progress))!important}
  .progress-ring:before{background:var(--home-green)!important}.progress-ring strong{color:#fff!important}
  .progress-hero .button.primary{background:var(--sun)!important;color:#1d2a20!important;font-weight:800}
  .progress-week{border:2px solid #d6dccb;border-top:8px solid var(--wk1)}
  .guide-intro{background:var(--home-purple)!important;border:0!important;border-radius:18px}
  .guide-intro h2,.guide-intro p,.guide-intro strong{color:#fff!important}.guide-intro .eyebrow{color:var(--sun)!important}
  .principle{border:2px solid #d6dccb;border-top:8px solid var(--wk8)}
  .principle:nth-child(2n){border-top-color:var(--wk5)}.principle:nth-child(3n){border-top-color:var(--wk2)}
  .guide-cta{background:var(--home-blue)!important;border-radius:18px}.guide-cta h2,.guide-cta p{color:#fff!important}
  .guide-cta .button{background:var(--sun)!important;color:#1d2a20!important}
}
@media screen and (max-width:760px){
  .welcome-copy h2{font-size:44px}
  .curriculum-facts{grid-template-columns:1fr 1fr!important;gap:10px}
  .curriculum-facts>div{flex-direction:column;align-items:flex-start;gap:8px}
}
@media screen and (max-width:550px){
  .welcome-banner{padding:24px 20px 80px!important;min-height:0;flex-direction:column;align-items:flex-start}
  .welcome-art{position:relative!important;right:auto;top:auto;width:100%;height:150px;margin-top:18px}
  .welcome-copy p{max-width:none!important;font-size:16px!important}
  .welcome-copy h2{font-size:42px}
  .banner-note{left:20px;right:auto;bottom:22px}
  .library-section{padding:14px 12px 4px}
  main[data-page] .page-heading{padding:20px 18px!important;flex-direction:column;align-items:flex-start!important}
  main[data-page] .page-heading p{font-size:16px!important;max-width:none!important}
  .week-group .week-heading{flex-wrap:wrap}
}
@media screen and (max-width:550px){.library-section .filters{padding:8px;gap:6px}.select-wrap{min-width:0!important}.select-wrap select{font-size:13px!important;padding:0 18px 0 8px!important}.select-wrap>.icon{right:5px!important}}

/* ===== v4: three games per lesson ===== */
:root{--lv-gentle:#2e7d32;--lv-playful:#b45309;--lv-challenge:#7e22ce;
  --gt-guess:#0369a1;--gt-sort:#4d7c0f;--gt-quiz:#be185d;--gt-draw:#c2410c;--gt-memory:#4338ca;--gt-board:#0f766e}
.lv-badge{display:inline-flex;align-items:center;gap:6px;background:var(--lv);color:#fff;font-weight:800;font-size:14px;border-radius:99px;padding:5px 12px;letter-spacing:.3px}
.lv-badge.sm{font-size:10px;padding:2px 8px}
@media screen{
  .games-section{margin:8px 0 28px;scroll-margin-top:80px}
  .games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .game-tabs{display:none}
  .gcard{border:2px solid var(--lv);border-top-width:10px;border-radius:16px;background:#fff;padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;min-width:0}
  .gcard-level{display:flex;flex-direction:column;gap:6px}
  .lv-hint{font-size:14px;color:var(--text-soft);line-height:1.4}
  .gcard .game-head{margin-bottom:0}
  .gcard .game-head h3{font-size:25px;line-height:1.1;font-family:var(--serif);font-weight:400;margin:2px 0 0}
  .gcard .gt-badge{width:46px;height:46px}
  .gcard .game-head .eyebrow{color:var(--gt)!important;font-weight:700;font-size:11px!important}
  .gcard .game-meta{margin:0;gap:10px}
  .seat-chip{background:#e6f2e2;color:#1f5c24;border-radius:99px;padding:2px 10px;font-size:13px;font-weight:700}
  .gcard .game-steps{margin:0}.gcard .game-steps li{font-size:16px}
  .gcard .game-steps li:before{background:var(--lv)}
  .gcard .game-need{margin-top:auto}.gcard .game-need strong{color:var(--lv)}
  .lv-chips{flex-wrap:wrap;gap:6px}
  .lv-chip{display:inline-flex;align-items:center;gap:5px;background:#fff;color:var(--lv);border-radius:99px;padding:3px 10px;font-size:14px;font-weight:800}
  .glance{grid-template-columns:2.2fr 1.9fr 1fr .8fr}
  .guide-games{margin:30px 0}.guide-games h2{font-size:26px;margin-bottom:14px}
  .level-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
  .level-card{border:2px solid var(--lv);border-radius:14px;background:#fff;padding:16px}.level-card p{margin:10px 0 0;font-size:16px}
  .guide-games-note{font-size:16px;line-height:1.6;color:var(--text-soft);max-width:780px}
  .type-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
  .type-legend span{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text)}
  .type-legend i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--gt);color:#fff}
  .teach-games{display:flex;gap:10px;flex-wrap:wrap}
  .tg{display:inline-flex;align-items:center;gap:8px;font:800 20px var(--sans);padding:10px 18px;border-radius:14px;border:3px solid var(--lv);background:#fff;color:var(--lv);cursor:pointer;min-height:52px}
  .tg.on{background:var(--lv);color:#fff}
}
@media screen and (max-width:1100px){.games-grid{grid-template-columns:1fr 1fr}.glance{grid-template-columns:1fr 1fr}.glance>*:nth-child(3){border-left:0}}
@media screen and (max-width:760px){
  .games-grid{grid-template-columns:1fr}
  .game-tabs{display:flex;gap:6px;margin-bottom:12px}
  .game-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:6px;font:800 15px var(--sans);border:2px solid var(--lv);border-radius:12px;background:#fff;color:var(--lv);cursor:pointer}
  .game-tab.active{background:var(--lv);color:#fff}
  .games-section .gcard:not(.active){display:none}
  .level-row{grid-template-columns:1fr}
  .glance>a.glance-item:nth-child(2){grid-column:1/-1}
}
/* one-page card */
.sheet-h{margin:6px 0 4px!important}
.sheet-games{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.sheet-game{border:2px solid var(--lv);border-radius:8px;padding:6px 9px}
.sheet-game h3{font:700 12.5px var(--sans);margin:0 0 2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sheet-game small{display:block;font-size:10px;color:#44524a;margin-bottom:3px}
.sheet-game ol{margin:0;padding-left:16px;font-size:10.5px;line-height:1.3}.sheet-game li{margin-bottom:2px}
.sheet-game .lv-badge.sm{background:var(--lv);color:#fff}
.sheet-cols{grid-template-columns:1fr 1fr!important}
.sheet-glance{grid-template-columns:2.2fr 1.9fr .9fr .8fr!important}
@media print{.sheet-game h3{font-size:9.5pt}.sheet-game ol{font-size:8pt}.sheet-game small{font-size:7pt}.sheet-steps li{font-size:8pt}.games-grid{display:block}.gcard{break-inside:avoid;margin-bottom:8pt}.game-tabs{display:none}.games-section .gcard:not(.active){display:flex!important}}
@media screen and (max-width:760px){.games-section>.section-top{flex-direction:column;align-items:flex-start;gap:4px}}