@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@500;600;700;800;900&display=swap');
:root{--navy:#084961;--ink:#173f52;--muted:#617682;--cream:#fcfaf6;--line:#e4e9e8;--blue:#e3f2f7;--mint:#dcf3e9;--yellow:#ffe39a;--coral:#fbe4df;--lavender:#ece8f7;--white:#fff;--radius:20px;font-family:'DM Sans','Segoe UI',sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{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:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #de9f29;outline-offset:4px}button{color:inherit}h1,h2,h3,h4,.brand{font-family:'Nunito','Trebuchet MS',sans-serif;line-height:1.16;margin:0;font-weight:900}h1{font-size:clamp(2.2rem,3.4vw,3.15rem);letter-spacing:-1.6px}h2{font-size:1.6rem;letter-spacing:-.6px}h3{font-size:1.16rem;letter-spacing:-.2px}p{line-height:1.65;margin:10px 0 0}button{border:0;background:none}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.wrap{max-width:1216px;margin:auto;padding:0 34px}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header{display:flex;align-items:center;gap:32px;min-height:88px}.brand{display:block;white-space:nowrap}.brand strong{font-size:1.8rem;letter-spacing:-1px}.brand strong span{color:#dfac58}.brand small{display:block;font-size:.69rem;font-family:'DM Sans',sans-serif;font-weight:500;letter-spacing:0;margin-top:3px}.header nav{display:flex;gap:27px;margin-left:auto;align-items:center;font-size:.88rem;font-weight:600}.header nav a{padding:12px 0}.header nav a.active{color:#008080;border-bottom:2px solid #008080}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:12px;border:1px solid var(--line);font-weight:700;font-size:.92rem;line-height:1.25;transition:background .15s,transform .15s;background:white;min-height:46px}.btn:hover{background:#f1f7f6;transform:translateY(-1px)}.btn.primary{background:var(--navy);color:white;border-color:var(--navy)}.btn.primary:hover{background:#0a6278}.btn.yellow{background:var(--yellow);border-color:var(--yellow)}.btn.small{padding:9px 13px;font-size:.86rem;min-height:39px}.btn.ghost{background:transparent}.menu-btn{display:none}.hero{display:grid;grid-template-columns:1.35fr .85fr;gap:48px;padding:51px 0 31px;align-items:center}.eyebrow{font-size:.76rem;letter-spacing:1.7px;font-weight:800;display:flex;align-items:center;gap:9px;margin-bottom:14px}.eyebrow:before{content:'';width:23px;height:3px;background:#eebd4f}.hero p{font-size:1rem;color:var(--muted);margin-top:12px;max-width:510px}.hero-art{position:relative}.hero-art img{width:100%;height:235px;object-fit:cover;border-radius:26px;display:block}.art-label{position:absolute;bottom:-14px;left:22px;background:#fff;border:1px solid var(--line);padding:12px 16px;border-radius:13px;box-shadow:0 7px 20px #18475a0a;font-size:.83rem;display:flex;align-items:center;gap:10px}.art-label span{background:var(--yellow);border-radius:50%;display:grid;place-items:center;width:29px;height:29px}.search-form{display:flex;align-items:center;background:white;border:1px solid #ccd9db;border-radius:15px;padding:7px 7px 7px 18px;box-shadow:0 5px 16px #25475b06;margin-top:24px;gap:12px}.search-form input{border:0;outline:0;min-width:0;flex:1;font-size:.98rem;padding:11px 0;background:transparent;color:var(--ink)}.search-form input::placeholder{color:#7e8d96}.search-form .btn{border-radius:10px}.grades{display:flex;align-items:center;gap:8px;margin-top:18px;flex-wrap:wrap}.grades .label{font-size:.8rem;color:var(--muted);margin-right:3px}.chip{border:1px solid #dce4e4;border-radius:9px;background:white;min-height:37px;padding:8px 13px;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;gap:6px}.chip:hover,.chip.selected{background:var(--navy);color:white;border-color:var(--navy)}.section{padding:31px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}.section-head p{font-size:.92rem;color:var(--muted);margin-top:5px}.textlink{font-size:.87rem;font-weight:600;display:inline-flex;align-items:center;gap:8px;color:#087986;white-space:nowrap}.textlink svg{width:17px}.subjects{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.subject{display:flex;align-items:center;flex-direction:column;gap:11px;padding:15px 5px 13px;background:#fff;border:1px solid var(--line);border-radius:14px;text-align:center;font-size:.79rem;line-height:1.4;font-weight:600;transition:transform .18s,border-color .18s}.subject:hover{transform:translateY(-4px);border-color:#91babd}.iconbox{display:grid;place-items:center;border-radius:13px;width:46px;height:46px;background:var(--tint,var(--blue));color:var(--navy)}.iconbox svg{width:24px;height:24px}.ribbon{display:flex;align-items:center;gap:16px;background:#edf5f3;border:1px solid #deebe7;border-radius:17px;padding:19px 23px;margin:2px 0 9px}.ribbon .iconbox{background:#d5eae2}.ribbon h3{font-size:1.05rem}.ribbon p{font-size:.87rem;margin-top:3px;color:var(--muted)}.ribbon .btn{margin-left:auto;background:white;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .18s,box-shadow .18s;position:relative;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #1f45590a}.cover{height:158px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--tint,var(--blue))}.cover img{height:100%;width:100%;object-fit:cover}.cover .cover-type{font-size:.7rem;position:absolute;left:14px;bottom:12px;background:#fffef4ef;color:var(--navy);border-radius:6px;padding:5px 9px;font-weight:700}.save-icon{position:absolute;top:13px;right:13px;display:grid;place-items:center;border-radius:50%;background:#fffffff2;border:1px solid #e5eded;width:34px;height:34px;z-index:2;color:#66848d}.save-icon.saved{color:#c9576c;background:#fff0f3}.save-icon.saved svg{fill:#f9beca}.card-body{padding:19px 20px 17px;flex:1}.card-meta{font-size:.74rem;font-weight:600;color:#467482;margin-bottom:8px}.card h3{font-size:1.15rem}.card p{color:var(--muted);font-size:.85rem;margin-top:8px;line-height:1.5}.card-footer{border-top:1px solid #edf0ed;padding:12px 20px;display:flex;align-items:center;gap:15px;color:#627783;font-size:.75rem}.card-footer span{display:flex;align-items:center;gap:5px}.card-footer svg{width:15px;height:15px}.card-footer .arrow{margin-left:auto;color:var(--navy)}.typographic{font-family:'Nunito',sans-serif;display:flex;align-items:center;justify-content:center;gap:22px;color:#276673;font-weight:900}.typographic .big{font-size:4.1rem;letter-spacing:-4px;line-height:1}.typographic .small-note{font-size:.82rem;letter-spacing:2px;text-transform:uppercase;line-height:1.7;border-left:1px solid #3c778c33;padding-left:22px;max-width:135px}.cover.quote{font-family:'Nunito',sans-serif;font-size:1.7rem;font-weight:900;line-height:1.2;padding:28px 42px;color:#975b48}.needs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.need{display:flex;gap:13px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:.9rem;font-weight:600;text-align:left}.need .iconbox{width:37px;height:37px;border-radius:10px}.need .iconbox svg{width:20px;height:20px}.need:hover{border-color:#80abad}.note{color:var(--muted);font-size:.8rem;line-height:1.6}.footer{border-top:1px solid var(--line);margin-top:40px;padding:26px 0;background:#fff}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-inner p{font-size:.8rem;color:var(--muted);margin:0;max-width:370px}.footer-inner .brand strong{font-size:1.4rem}.footer-links{display:flex;gap:23px;font-size:.8rem}.skip{position:fixed;top:-60px;background:var(--navy);color:white;padding:12px;z-index:100}.skip:focus{top:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--navy);color:white;border-radius:12px;box-shadow:0 4px 20px #0002;padding:14px 22px;z-index:100;max-width:90vw;text-align:center;transition:transform .2s;font-size:.92rem}#toast.show{transform:translateX(-50%) translateY(0)}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:.82rem;color:var(--muted);padding:26px 0}.page-title{padding:8px 0 26px}.page-title p{color:var(--muted);max-width:670px}.page-title h1{font-size:2.5rem}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--blue);padding:7px 11px;border-radius:9px;font-size:.77rem;font-weight:600}.pill svg{width:16px;height:16px}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.empty{border:1px dashed #bfcfce;text-align:center;border-radius:18px;padding:44px 25px;background:#fff;grid-column:1/-1}.empty .iconbox{margin:0 auto 15px}.empty p{color:var(--muted);max-width:430px;margin:9px auto 21px}.hidden{display:none!important}
.library-layout{display:grid;grid-template-columns:220px 1fr;gap:31px;padding-bottom:25px}.filters{align-self:start;background:white;border:1px solid var(--line);border-radius:16px;padding:20px}.filter-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.filter-heading h3{font-size:1.1rem}.filter-heading a{font-size:.77rem;text-decoration:underline;color:#447780}.field{display:flex;flex-direction:column;gap:7px;font-size:.81rem;font-weight:600;margin-bottom:17px}.field select,.field input,select{width:100%;padding:11px 10px;border:1px solid #d4e1e1;background:white;border-radius:9px;min-height:42px;color:var(--ink);font-size:.85rem}.field input{font-size:1rem}.filter-toggle{display:none}.apply-filter{width:100%;margin-top:4px}.library-results .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.results-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.results-head p{margin:0;font-size:.88rem;color:var(--muted)}.results-head strong{color:var(--navy)}.active-collection{display:inline-flex;gap:14px;align-items:center;background:var(--mint);border-radius:9px;padding:8px 11px;font-size:.84rem;margin-bottom:18px}.active-collection svg{width:16px;height:16px}.page-title .search-form{max-width:710px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:26px}.detail-intro{padding:8px 8px 30px}.warm{background:var(--yellow);font-size:.72rem;letter-spacing:.4px}.detail-intro h1{font-size:2.8rem;margin-top:12px}.detail-intro>p{color:var(--muted);max-width:620px;font-size:1.03rem}.detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:25px}.detail-actions>.btn{font-size:.83rem;padding:13px}.secondary-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px}.secondary-actions .textlink{font-size:.8rem}.is-saved{color:#b9435b;background:#fff0f3}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-block{display:flex;gap:13px;background:white;border:1px solid #eef0ec;border-radius:17px;padding:20px 18px;align-items:start}.detail-block>.iconbox{width:37px;height:37px;flex:none;border-radius:50%}.detail-block>.iconbox svg{width:21px;height:21px}.detail-block h2{font-size:1.09rem;letter-spacing:-.3px;margin:7px 0 9px}.detail-block p,.checklist,.steps{font-size:.83rem;line-height:1.62;color:#536f7c;margin:0}.checklist{padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.checklist li{display:flex;align-items:start;gap:8px}.checklist svg{width:15px;height:15px;margin-top:3px;color:#12958b}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;position:relative;padding-left:29px;margin-bottom:10px}.steps li:before{content:counter(step);position:absolute;left:0;top:2px;width:21px;height:21px;border-radius:50%;background:var(--blue);color:var(--navy);display:grid;place-items:center;font-weight:800;font-size:.75rem}.steps li:nth-child(even):before{background:var(--yellow)}.summary-card{background:white;border-radius:21px;border:1px solid var(--line);padding:14px}.summary-card>.cover{border-radius:13px;height:189px}.summary-data{padding:23px 9px;display:flex;flex-direction:column;gap:18px}.summary-data>div{display:flex;align-items:center;gap:13px}.summary-data>div>svg{width:34px;height:34px;border-radius:50%;padding:7px;background:var(--blue)}.summary-data span{display:flex;flex-direction:column;gap:3px}.summary-data b{font-size:.81rem}.summary-data small{font-size:.79rem;color:var(--muted)}.teacher-note{background:#eef7f8;border-radius:13px;padding:15px;display:flex;gap:10px;align-items:start}.teacher-note p{font-size:.8rem;line-height:1.55;color:#47707f;margin:0}.downloads-box{margin-top:17px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:17px}.downloads-box h3{font-size:1.15rem}.downloads-box p{font-size:.78rem;color:var(--muted);margin:4px 0 13px}.downloads-box a{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);padding:13px 0;font-size:.82rem;font-weight:600}.downloads-box a:last-child{padding-bottom:0}.downloads-box svg{width:18px;height:18px}.aside-quote{background:#ffefbd;border-radius:22px;padding:28px 20px;text-align:center;margin:18px 0;font-family:'Nunito',sans-serif;font-size:1.35rem;font-weight:800;line-height:1.3}.aside-quote span{display:block;font-family:'DM Sans',sans-serif;letter-spacing:1.7px;font-size:.66rem;margin-top:17px;font-weight:500}.planet-guide{padding:25px 0}.planet-guide .section-head p{font-size:.8rem}.planet-guide h2{font-size:1.32rem}.planet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.planet-grid>div{position:relative;padding:16px 13px 16px 45px;border:1px solid var(--line);border-radius:12px;background:#fff}.planet-grid b{position:absolute;left:13px;top:16px;background:var(--blue);border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:.75rem}.planet-grid h3{font-size:.95rem}.planet-grid p{font-size:.79rem;line-height:1.5;margin-top:5px;color:var(--muted)}.lesson-box{background:#e8f3f1;border:1px solid #d7e7e3;border-radius:18px;padding:25px;margin:15px 0}.lesson-box h2{margin-top:12px;font-size:1.5rem}.lesson-box>p{font-size:.9rem}.lesson-timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:23px 0}.lesson-timeline span{background:white;border-radius:7px;padding:5px 8px;font-size:.78rem;font-weight:700;display:inline-block;margin-bottom:9px}.lesson-timeline h3{font-size:.95rem}.lesson-timeline p{font-size:.81rem;color:#54707a;margin-top:7px}.title-with-action{display:flex;align-items:center;justify-content:space-between;gap:20px}.local-note{display:flex;align-items:center;gap:11px;background:#edf3f4;border-radius:10px;padding:12px 15px;font-size:.82rem;color:#536c78;margin-bottom:25px;line-height:1.5}.local-note svg{width:18px;height:18px}.aula-tabs{display:flex;align-items:stretch;border-bottom:1px solid var(--line);gap:24px;margin:15px 0 31px;overflow:auto}.aula-tabs a{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:.84rem;font-weight:500;padding:14px 0;border-bottom:3px solid transparent;color:var(--muted)}.aula-tabs a.active{color:var(--navy);border-color:var(--navy);font-weight:700}.aula-tabs svg{width:17px;height:17px}.aula-tabs span{font-size:.72rem;padding:2px 6px;border-radius:5px;background:#eaf1f1}.folders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.folder-card{position:relative;border:1px solid var(--line);padding:22px;background:white;border-radius:16px}.folder-card .iconbox{background:var(--yellow);margin-bottom:17px}.folder-card h3{overflow-wrap:anywhere}.folder-card>svg{position:absolute;bottom:25px;right:20px}.folder-card p{font-size:.8rem;color:var(--muted)}.remove-link{margin-top:12px;margin-bottom:18px;font-size:.8rem}.week-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:30px 0}.day-column{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;min-height:330px;display:flex;flex-direction:column}.day-title{border-bottom:1px solid var(--line);padding-bottom:17px}.day-title>span{color:#9eb3b9;font-size:.75rem;letter-spacing:1px}.day-title h2{font-size:1.06rem;margin:6px 0}.day-title small{font-size:.73rem;color:var(--muted)}.day-activities{flex:1}.day-empty{padding-top:65px;text-align:center;font-size:.79rem;color:#91a2a8}.add-day{border:1px dashed #afc7c9;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;font-size:.8rem;padding:11px 4px;margin-top:20px}.add-day svg{width:17px}.plan-card{background:#edf5f4;border:1px solid #dae9e5;border-radius:12px;padding:12px 10px;position:relative;margin-top:13px}.plan-card .pill{background:white;font-size:.68rem;padding:4px 7px}.plan-card h3{font-size:.92rem;line-height:1.35;margin-top:10px}.plan-card p{font-size:.7rem;color:var(--muted);line-height:1.4}.plan-card button{position:absolute;top:9px;right:7px;padding:2px}.plan-card button svg{width:15px;height:15px}dialog{width:min(92vw,470px);border:1px solid var(--line);border-radius:20px;padding:27px;color:var(--ink);box-shadow:0 25px 100px #092b3c33}dialog::backdrop{background:#07304388;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:25px}.dialog-head h2{font-size:1.4rem}.dialog-head button{display:grid;place-items:center;padding:6px}.modal-submit{margin-top:20px;width:100%}.classroom{min-height:100vh;background:#f9fbfa}.class-header{padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:white}.class-header>.brand strong{font-size:1.5rem}.class-header>span{font-size:.92rem;color:var(--muted)}.class-header>div{display:flex;gap:8px}.class-progress{height:5px;background:#e6eeea}.class-progress>span{height:100%;display:block;background:#16a495;transition:width .3s}.class-content{max-width:920px;margin:auto;padding:45px 25px;text-align:center}.class-content h1{font-size:clamp(1.6rem,3vw,2.55rem);line-height:1.27;letter-spacing:-.6px;max-width:880px;margin:auto}.class-count{letter-spacing:2px;font-size:.77rem;font-weight:700;color:#27887e;margin-bottom:18px}.options{display:flex;flex-direction:column;gap:15px;max-width:650px;margin:35px auto 27px}.answer-option{border:2px solid #dde9e6;border-radius:17px;padding:21px;display:flex;align-items:center;gap:20px;text-align:left;font-size:1.2rem;background:white;line-height:1.4}.answer-option>span{background:#eff5f2;border-radius:10px;min-width:39px;height:39px;display:grid;place-items:center;font-size:.95rem;font-weight:700}.answer-option:hover,.answer-option.chosen{border-color:#248c81;background:#edf8f4}.answer-option:disabled{opacity:1}.feedback{padding:19px 22px;margin:25px auto;background:#ddf4e8;border:1px solid #b7dccc;border-radius:13px;text-align:left;max-width:680px;line-height:1.5}.feedback p{font-size:1rem;margin-top:6px}.feedback.try-again{background:#fff2d5;border-color:#eed699}.class-buttons .btn,.class-content>.btn{font-size:1.04rem;padding:15px 24px}.class-hint{font-size:.95rem;color:var(--muted);margin:19px 0}.order-list{max-width:670px;margin:25px auto}.order-item{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #cddfda;border-radius:12px;background:white;font-size:1.16rem;margin:10px 0;text-align:left}.order-item b{border-radius:50%;background:var(--blue);width:33px;height:33px;display:grid;place-items:center;font-size:.9rem}.order-item span{flex:1}.order-item button{background:#edf5f2;border-radius:8px;width:38px;height:38px;font-size:1.35rem}.classify-list{max-width:640px;margin:27px auto}.classify-list label{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;align-items:center;text-align:left;padding:13px;font-size:1.12rem}.classify-list select{font-size:1.1rem}.class-response{display:block;text-align:left;max-width:670px;margin:30px auto;color:var(--muted);font-size:.92rem}.class-response input,.class-response textarea{display:block;width:100%;margin-top:10px;border:1px solid #cbded8;border-radius:13px;padding:18px;font-size:1.18rem;line-height:1.5;color:var(--ink);background:white;resize:vertical}.class-lead{font-size:1.15rem;color:var(--muted);max-width:700px;margin:18px auto 27px}.class-planets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:26px 0}.class-planets>div{background:white;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:left}.class-planets h3{font-size:1.1rem}.class-planets p{font-size:.84rem;color:var(--muted)}.discussion-card{background:var(--yellow);border-radius:20px;padding:36px;margin:33px 0;font-family:'Nunito',sans-serif;font-weight:800;font-size:1.8rem;line-height:1.6}.class-content .detail-actions{justify-content:center}.completion-icon{display:grid;place-items:center;border-radius:50%;width:76px;height:76px;background:var(--yellow);margin:0 auto 25px}.completion-icon svg{width:38px;height:38px}.score{font-size:1.05rem;color:#188071}.class-bottom{text-align:center;font-size:.75rem;color:#83969e;padding:15px 20px;margin:0}.typographic .big svg{width:59px;height:59px;stroke-width:1.2}.cover>.quote{font-family:'Nunito',sans-serif;font-size:1.7rem;font-weight:900;line-height:1.2;padding:25px 32px;color:#975b48}
@media(min-width:1450px){.wrap{max-width:1310px}.hero{padding-top:60px}.hero-art img{height:260px}.cover{height:180px}}
@media(max-width:1000px){.header{gap:16px}.header nav{gap:16px}.header nav a{font-size:.8rem}.wrap{padding:0 24px}.hero{gap:25px}.subjects{grid-template-columns:repeat(5,1fr)}.needs{grid-template-columns:repeat(3,1fr)}.card-footer{gap:8px;padding:12px 15px}.card-body{padding:16px}.header .brand small{font-size:.6rem}}
@media(max-width:740px){.wrap{padding:0 19px}.header{min-height:73px;gap:14px}.brand strong{font-size:1.5rem}.brand small{font-size:.6rem}.header nav{display:none;position:absolute;top:73px;left:0;right:0;background:white;padding:13px 23px;box-shadow:0 10px 15px #173f520d;flex-wrap:wrap}.header nav.open{display:flex}.header>.btn{margin-left:auto;padding:10px 12px;font-size:.8rem;min-height:39px}.menu-btn{display:grid;place-items:center;padding:5px}.hero{grid-template-columns:1fr;padding:30px 0 13px;gap:28px}.hero h1{font-size:2.3rem;letter-spacing:-1.1px}.hero p{font-size:.95rem}.hero-art{display:none}.search-form{margin-top:21px;padding-left:12px;gap:8px}.search-form input{font-size:.85rem}.search-form .btn{padding:12px;font-size:.84rem}.search-form>svg{width:18px}.grades{gap:7px}.grades .label{width:100%}.chip{padding:7px 11px;min-height:36px}.section{padding:24px 0}.section-head{align-items:start;gap:12px}.section-head h2{font-size:1.35rem}.section-head p{font-size:.84rem}.textlink{font-size:.77rem;white-space:normal;max-width:115px}.subjects{grid-template-columns:repeat(3,1fr);gap:9px}.subject{padding:13px 4px;gap:8px;font-size:.8rem}.iconbox{width:39px;height:39px}.ribbon{padding:17px;flex-wrap:wrap;gap:11px}.ribbon>div:not(.iconbox){flex:1}.ribbon .btn{margin-left:48px}.cards{grid-template-columns:1fr;gap:17px}.cover{height:190px}.card-body{padding:20px}.card-footer{padding:13px 20px;font-size:.81rem}.needs{grid-template-columns:repeat(2,1fr);gap:10px}.need{padding:13px 10px;font-size:.81rem;gap:8px}.need .iconbox{width:31px;height:31px;flex:none}.footer-inner{align-items:start;flex-direction:column;gap:18px}.footer{margin-top:22px}.page-title h1{font-size:2.1rem}.breadcrumb{font-size:.75rem;flex-wrap:wrap;line-height:1.6}}
@media(max-width:1050px){.detail-layout{grid-template-columns:minmax(0,1fr) 275px;gap:18px}.detail-grid{grid-template-columns:1fr}.week-grid{gap:8px}.day-column{padding:11px}.aula-tabs{gap:18px}.aula-tabs a{font-size:.77rem}.day-title h2{font-size:1rem}.class-planets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.library-layout{grid-template-columns:1fr;gap:23px}.filters{padding:0;border:0;background:none}.filters form{display:none;margin-top:13px;padding:20px;background:white;border:1px solid var(--line);border-radius:13px}.filters.expanded form{display:block}.filter-toggle{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d3e0dd;border-radius:10px;padding:12px;width:100%;background:white;font-size:.9rem;font-weight:600}.library-results .cards{grid-template-columns:1fr}.results-head .pill{font-size:.7rem}.detail-layout{grid-template-columns:1fr}.detail-intro{padding:0 0 20px}.detail-intro h1{font-size:2.4rem}.detail-intro>p{font-size:1rem}.detail-aside{display:grid;grid-template-columns:1fr;gap:0}.detail-actions{gap:8px}.detail-actions .btn{font-size:.8rem}.detail-actions>.primary{flex:1}.secondary-actions{gap:18px}.secondary-actions .textlink{max-width:none}.detail-block{padding:20px 16px}.detail-block p,.checklist,.steps{font-size:.93rem}.detail-block h2{font-size:1.16rem}.detail-grid{gap:12px}.summary-card>.cover{height:210px}.summary-data{display:grid;grid-template-columns:1fr 1fr;gap:17px}.teacher-note p{font-size:.88rem}.downloads-box a{font-size:.91rem;padding:16px 0}.planet-grid>div{padding-left:39px}.planet-grid b{left:10px}.planet-grid p{font-size:.82rem}.lesson-box{padding:20px}.lesson-timeline{gap:19px}.lesson-timeline p{font-size:.86rem}.title-with-action{align-items:start;flex-direction:column;gap:18px}.local-note{align-items:start;font-size:.78rem}.local-note svg{margin-top:2px}.aula-tabs{gap:23px;margin-bottom:24px}.aula-tabs a{font-size:.86rem}.folders-grid{grid-template-columns:1fr}.week-grid{display:flex;flex-direction:column;gap:14px}.day-column{min-height:220px;padding:19px}.day-title{display:flex;align-items:center;gap:12px}.day-title small{margin-left:auto}.day-empty{padding-top:20px}.plan-card{padding:15px}.plan-card h3{font-size:1rem}.plan-card p{font-size:.8rem}.add-day{font-size:.9rem;padding:13px}.class-header{padding:14px;gap:9px}.class-header>.brand strong{font-size:1.15rem}.class-header .brand small{font-size:.5rem}.class-header>span{display:none}.class-header .btn{font-size:.75rem;padding:8px}.class-header .btn svg{width:17px;height:17px}.class-content{padding:32px 19px}.class-content h1{font-size:1.7rem}.class-count{font-size:.68rem}.answer-option{font-size:1.06rem;padding:15px;gap:12px}.answer-option>span{min-width:31px;height:31px}.feedback p{font-size:.95rem}.class-hint{font-size:.86rem}.order-item{font-size:1.08rem}.classify-list label{grid-template-columns:1fr;gap:8px;font-size:1.06rem;padding:10px 0}.classify-list select{font-size:1rem}.class-lead{font-size:1rem}.class-planets{grid-template-columns:1fr 1fr;gap:9px}.class-planets>div{padding:13px}.discussion-card{font-size:1.4rem;padding:25px 17px}.class-content .detail-actions{flex-direction:column}.class-response input,.class-response textarea{font-size:1rem}.detail-layout .textlink{max-width:none}.cover>.quote{font-size:1.9rem}.hero h1 br{display:none}}
.subject.pending,.need.pending{background:#f5f6f2;color:#697f85;cursor:default}.subject.pending:hover,.need.pending:hover{transform:none;border-color:var(--line)}.pending small{display:block;font-size:.75rem;line-height:1.4;font-weight:400;color:#657a80;margin-top:4px}.pending-note{padding:12px 15px;border-left:3px solid #dcb66d;background:#fff4d6;border-radius:6px;font-size:.9rem}.download-note{margin-bottom:17px}.detail-block p,.checklist,.steps{font-size:1rem}.field{font-size:.875rem}a[aria-busy="true"]{opacity:.65;cursor:wait}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Entre Ríos · actividad sobre el mapa */
.map-class .class-content{max-width:900px;padding-top:24px}
.map-class .class-content h1{font-size:clamp(1.5rem,3vw,2.15rem);margin:10px auto 4px}
.map-instruction{font-size:.95rem;color:var(--muted);margin:0 auto 10px;line-height:1.5}
.map-visual{position:relative;width:min(100%,400px);margin:10px auto;background:#f8fbfb;border:1px solid #d4e4e7;border-radius:16px;overflow:hidden;padding:10px}
.map-visual svg{width:100%;height:auto;display:block;touch-action:manipulation}
.map-north{position:absolute;top:13px;left:14px;color:#305d6a;font-size:.82rem;font-weight:800;letter-spacing:.05em;z-index:1}
.map-region path{fill:#dcebed;stroke:#477682;stroke-width:1.15;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.map-region[role=button]{cursor:pointer;outline:none}
.map-region[role=button]:hover path,.map-region[role=button]:focus-visible path{fill:#b9dbe5;stroke:#084961;stroke-width:2}
.map-region[role=button]:focus-visible{filter:drop-shadow(0 0 3px #105777)}
.map-region.map-selected path{fill:#8ac4d5;stroke:#084961;stroke-width:2}
.map-region.map-target path{fill:#a9dfc8;stroke:#166c4a;stroke-width:2.5}
.map-region.map-wrong path{fill:#ffd7bc;stroke:#a94826;stroke-width:2.5;stroke-dasharray:5 2}
.map-result-pin circle{stroke-width:2;fill:#fff}
.map-result-pin.right circle{stroke:#166c4a}.map-result-pin.wrong circle{stroke:#a94826}
.map-result-pin text{font-size:13px;font-weight:900;fill:#163f49}
.map-number circle{fill:#fff;stroke:#184c5d;stroke-width:1.5}
.map-number text{fill:#173e4c;font-size:9px;font-weight:800}
.map-controls{min-height:44px;max-width:560px;margin:auto}
.map-hint-button{font-size:.88rem}.map-hint,.map-selection{margin:10px auto 0;padding:10px 13px;border-radius:10px;background:#fff1c9;color:#424334;font-size:.95rem;line-height:1.45}
.map-selection{background:#e6f3f5;color:#235665}
.map-feedback{max-width:560px;text-align:left;margin:10px auto;padding:13px 17px}
.map-feedback p{font-size:.96rem;margin:6px 0 0}
.map-class .class-buttons{margin:10px auto 0}
.map-class .class-buttons .btn:disabled{opacity:.48;cursor:not-allowed}
.map-review{max-width:740px;margin:12px auto 22px;text-align:left}
.map-review h2{font-size:1.3rem;text-align:center}
.map-review>p{font-size:.94rem;color:var(--muted);text-align:center}
.map-review .map-visual{width:min(100%,420px)}
.map-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 15px;list-style:none;padding:0;margin:20px 0}
.map-legend li{display:flex;align-items:center;gap:9px;padding:8px 11px;background:#fff;border:1px solid #dce9e8;border-radius:9px;font-size:.9rem;font-weight:650}
.map-legend li span{display:grid;place-items:center;border:1px solid #245468;border-radius:50%;width:25px;height:25px;flex:none;font-size:.75rem}
.map-answers{max-width:740px;margin:auto}
.map-sources{background:#fff;border:1px solid var(--line);border-radius:16px;margin:20px 0 25px;padding:20px}
.map-sources h2{font-size:1.12rem;margin:0 0 8px}
.map-sources p,.map-sources li{font-size:.88rem;line-height:1.5;color:#526e79}
.map-sources ul{padding-left:20px;margin:8px 0 0}
.map-sources a{text-decoration:underline;color:#135a76}
.map-detail-preview .map-visual{width:100%;max-width:210px;margin:0 auto;border:none;background:transparent;padding:0}
.map-detail-preview .map-north{top:4px;left:4px}
.map-zones,.mobile-map-instruction{display:none}
@media(max-width:620px){
  .map-class .class-content{padding:20px 14px 30px;display:flex;flex-direction:column}
  .map-class .class-header>span{display:none}
  .map-instruction{font-size:.9rem}
  .mobile-map-instruction{display:block;order:0;margin:0 auto 9px;font-size:.88rem;color:var(--muted)}
  .map-class .map-controls{order:0;width:100%}
  .map-class .map-feedback{order:0;width:100%}
  .map-class .map-visual{order:1;padding:7px;width:min(100%,350px)}
  .map-class .map-full{display:none}
  .map-class .map-zones{display:grid;gap:12px}
  .map-zone{background:#fff;border:1px solid #d6e5e6;border-radius:10px;padding:8px;overflow-x:auto}
  .map-zone h2{font-size:1rem;margin:0 0 4px;color:var(--navy);text-align:left}
  .map-class .map-zone svg{width:100%;min-width:350px;height:auto}
  .map-class .class-buttons{order:2;position:sticky;bottom:8px;z-index:3;background:#fff;border:1px solid #cbdfe2;border-radius:12px;padding:8px;width:100%;box-shadow:0 5px 18px #173f5029}
  .map-class .class-buttons .btn{min-height:48px;width:100%}
  .map-detail-preview .map-full,.map-review .map-full{display:block!important}
  .map-detail-preview .map-zones,.map-review .map-zones{display:none!important}
  .map-legend{grid-template-columns:1fr 1fr;gap:6px}
  .map-legend li{font-size:.79rem;padding:7px 6px;gap:5px}
  .map-legend li span{width:22px;height:22px}
}
@media(max-width:390px){.map-legend{grid-template-columns:1fr}}

.filter-chip{display:inline-flex;align-items:center;gap:5px;margin:0 7px 14px 0;padding:8px 11px;border:1px solid #c6dada;border-radius:9px;background:#fff;font-size:.83rem;font-weight:700;max-width:100%;overflow-wrap:anywhere}.filter-chip svg{width:15px;height:15px}.answer-option.chosen{border-color:#5683a7;background:#edf3fa}.answer-option.correct{border-color:#248c81;background:#edf8f4}.answer-option.incorrect{border-color:#c78236;background:#fff2d5}.review{text-align:left;max-width:760px;margin:24px auto}.review article{padding:17px 0;border-top:1px solid #d7e3e1}.review h3{font-size:1.04rem}.review p{font-size:.94rem;overflow-wrap:anywhere}

.vowel-image{width:min(220px,45vw);aspect-ratio:1;margin:14px auto 8px;background-image:url('vocales-desafios.png');background-size:500% 200%;background-position:var(--x) var(--y);background-repeat:no-repeat;border-radius:15px}.vowel-class .class-content{padding:18px 18px 26px}.vowel-class .class-count{margin-bottom:8px;letter-spacing:.3px;font-size:.95rem}.vowel-class .class-content h1{font-size:clamp(1.5rem,3vw,2rem)}.vowel-class .options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:560px;margin:14px auto}.vowel-class .answer-option{display:grid;place-items:center;padding:9px 4px;min-height:54px;text-align:center;font-size:1.35rem;font-weight:800}.vowel-class .answer-option>span{display:none}.vowel-class .feedback{padding:11px 16px;margin:12px auto;max-width:560px}.vowel-class .feedback p{font-size:.9rem;margin-top:3px}.vowel-class .class-bottom{margin-top:0}.vowel-class .class-buttons .btn{font-size:.95rem;padding:10px 20px}.vowel-class .answer-option.incorrect:after{content:'✕';font-size:.8rem;margin-left:3px}.vowel-class .answer-option.correct:after{content:'✓';font-size:.8rem;margin-left:3px}@media(max-width:520px){.vowel-image{width:min(160px,43vw);margin:9px auto 4px}.vowel-class .class-content{padding:13px 15px 20px}.vowel-class .options{gap:5px;margin:10px auto}.vowel-class .answer-option{min-height:48px;font-size:1.18rem}.vowel-class .class-header{padding:12px 14px;gap:6px}.vowel-class .class-header>span{font-size:.76rem}.vowel-class .class-header>.brand strong{font-size:1.05rem}.vowel-class .class-header>.brand small{display:none}}

.downloads-box a span{min-width:0}.downloads-box a small{display:block;color:var(--muted);font-size:.75rem;font-weight:400;margin-top:4px}

.ch-stage-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:22px}.ch-stage-summary>div{border:1px solid #e3eceb;background:#fbfdfc;border-radius:10px;padding:11px}.ch-stage-summary strong,.ch-stage-summary span{display:block}.ch-stage-summary strong{font-size:.81rem}.ch-stage-summary span{font-size:.75rem;color:var(--muted);margin-top:4px}.ch-class .class-content{max-width:900px;padding:30px 22px}.ch-class .class-lead{max-width:720px;margin:14px auto}.ch-object{width:100%;height:100%;display:block}.ch-objects{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:24px auto;max-width:720px}.ch-objects>div{height:120px;background:white;border:1px solid #e3eceb;border-radius:14px;padding:7px}.ch-class .discussion-card{max-width:740px;margin:24px auto;font-size:1.13rem;line-height:1.5;padding:20px}.ch-syllables{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:790px;margin:24px auto}.ch-syllables>div{background:white;border:1px solid #dbe7e6;border-radius:12px;padding:12px 7px}.ch-syllables b{display:block;color:var(--coral);font-size:1.28rem}.ch-syllables span{display:block;font-size:.86rem;line-height:1.35;margin-top:4px}.ch-class .options{max-width:680px;margin:19px auto}.ch-class .ch-image-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ch-class .ch-image-option{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:136px;padding:8px;gap:4px}.ch-image-option .ch-object{width:108px;height:94px}.ch-image-option .ch-choice-letter{position:absolute;left:8px;top:8px;min-width:25px;height:25px;font-size:.8rem}.ch-image-option small{font-size:.78rem;font-weight:700}.ch-class .answer-option.correct:after{content:'✓';font-weight:800}.ch-class .answer-option.incorrect:after{content:'✕';font-weight:800}.ch-class .feedback{margin:18px auto}.ch-class .feedback p{margin-top:5px}.ch-practice{max-width:680px;margin:22px auto;text-align:left;background:white;border:1px solid #e3eceb;border-radius:15px;padding:20px 25px 20px 46px;line-height:1.7}.ch-practice li+li{margin-top:7px}.ch-class .class-response{max-width:600px}.ch-class .class-count{margin-bottom:9px}@media(max-width:720px){.ch-stage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-objects{grid-template-columns:repeat(3,minmax(0,1fr))}.ch-syllables{grid-template-columns:repeat(3,minmax(0,1fr))}.ch-class .class-content{padding:23px 16px}.ch-class .ch-image-options{gap:7px}.ch-image-option .ch-object{width:85px;height:79px}}@media(max-width:480px){.ch-class .ch-image-options{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-objects>div{height:100px}.ch-syllables>div{padding:9px 5px}.ch-syllables span{font-size:.75rem}.ch-class .ch-image-option{min-height:112px}.ch-image-option .ch-object{width:85px;height:74px}.ch-class .class-header>span{font-size:.73rem}.ch-class .class-header .brand small{display:none}}

.ch-prompt-image{width:125px;height:116px;margin:12px auto 0;padding:6px;background:white;border:1px solid #e3eceb;border-radius:14px}

.tablas-preview{margin-top:22px;padding:20px;background:#e8f3f1;border:1px solid #d5e7e3;border-radius:16px}
.tablas-preview h2{font-size:1.3rem;margin:0 0 7px;color:var(--navy)}
.tablas-preview p{font-size:.94rem;line-height:1.55;margin:0;color:#3e6570}
.tablas-examples{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.tablas-examples span{min-width:82px;text-align:center;background:#fff;border:1px dashed #90b7b1;border-radius:9px;padding:13px 9px;font-size:1.06rem;font-weight:800;color:var(--navy)}
@media(max-width:480px){.tablas-preview{padding:16px}.tablas-examples span{min-width:68px;padding:10px 7px}}

/* Recurso de Educación Vial: mismo sistema visual y estructura de AULA LISTA. */
@media(min-width:1101px){.subjects{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:720px){.subjects{grid-template-columns:repeat(2,minmax(0,1fr))}}
.road-integration{font-size:.88rem;color:#47707f;margin-top:12px!important}
.road-class .class-content{max-width:900px;padding:28px 22px 46px}
.road-class .class-lead{max-width:740px;margin:14px auto}
.road-main-image{display:block;width:min(620px,100%);height:auto;margin:22px auto;border-radius:16px;border:1px solid #dce9e8}
.road-challenge-image{display:block;width:min(430px,100%);height:auto;margin:17px auto;border-radius:14px;border:1px solid #dce9e8}
.road-prompts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px auto 25px;max-width:720px;text-align:left}
.road-prompts p,.road-situation{background:white;border:1px solid #dce9e8;border-radius:11px;padding:12px 15px;margin:0;font-size:1rem;line-height:1.5}
.road-situation{max-width:720px;margin:16px auto;text-align:left;background:#edf6f5}
.road-sequence{max-width:730px;text-align:left;margin:23px auto 16px;padding:0;list-style:none;counter-reset:road}
.road-sequence li{counter-increment:road;display:flex;align-items:flex-start;gap:13px;padding:13px 16px;background:white;border:1px solid #dce9e8;border-radius:10px;margin:9px 0;line-height:1.5}
.road-sequence li:before{content:counter(road);display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--yellow);font-weight:800;color:var(--navy)}
.road-note{max-width:720px;margin:16px auto 22px;text-align:left;font-size:.95rem;color:#3c6570}
.road-class .options{max-width:760px;margin:18px auto}
.road-class .feedback{max-width:760px;margin:18px auto;text-align:left}
.road-agreement{max-width:720px;margin:22px auto;text-align:left;display:grid;gap:9px}
.road-agreement label{display:flex;align-items:center;gap:10px;font-weight:700}
.road-agreement input{flex:1;min-width:0;background:white;border:1px solid #cbdcdb;border-radius:9px;padding:12px;font-size:1rem}
.road-agreement-summary{max-width:700px;margin:22px auto;text-align:left;line-height:1.7}
.road-class .class-response{max-width:720px}
@media(max-width:620px){.road-class .class-content{padding:22px 16px 34px}.road-prompts{grid-template-columns:1fr}.road-main-image{margin:16px auto}.road-agreement label{font-size:.85rem}.road-agreement input{font-size:.9rem}.road-class .class-header .brand small{display:none}}
