:root{--green:#124c40;--ink:#163d35;--muted:#728077;--cream:#f8f8f1;--gold:#bc913e;--line:#e5e9df}*{box-sizing:border-box}body{margin:0;background:var(--cream);font:15px 'Trebuchet MS',Arial,sans-serif;color:var(--ink)}button,a,input,textarea{font:inherit}button,a{cursor:pointer}button{border:0;border-radius:9px;padding:11px 17px;background:var(--green);color:white}button:hover{filter:brightness(1.1)}a{color:inherit;text-decoration:none}aside{width:235px;background:#fffef9;border-right:1px solid var(--line);position:fixed;height:100vh;padding:36px 25px;display:flex;flex-direction:column}.brand{font-size:30px;font-weight:900;letter-spacing:1px}.brand span{color:var(--gold);font-size:37px}aside>small{font-size:9px;letter-spacing:2px;margin:9px 0 40px;color:var(--muted)}nav a{display:flex;gap:15px;align-items:center;padding:14px;margin-bottom:8px;border-radius:10px;color:#667b71}nav a.active{background:#e9f0e5;color:var(--green);font-weight:bold}nav i{font-style:normal;font-size:21px;width:23px}.sidefoot{margin-top:auto;background:#f1f3e7;border-radius:14px;text-align:center;padding:17px 9px;font-size:13px}.sidefoot p{font-size:11px;color:var(--muted)}.sidefoot button{background:white;color:var(--green);border:1px solid var(--line);font-size:12px}.plant{font-size:48px;color:#7c9b66}.shell{margin-left:235px}header{height:87px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#fffefb;font-size:12px;color:var(--muted)}header>div{display:flex;align-items:center;gap:18px}.demo{font-size:9px;letter-spacing:1.5px;color:var(--gold)}.google{background:transparent;color:var(--green);border:1px solid var(--line);font-size:12px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e7ecd8;color:var(--green);font-weight:bold}main{max-width:1350px;margin:auto;padding:35px 42px 50px}h1{font-size:30px;letter-spacing:-1px;margin:8px 0 10px}h2{font-size:21px;margin:0}h3{font-size:18px;margin:10px 0}p{line-height:1.65}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:bold}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.date{font-size:12px;color:var(--muted)}.hero{background:#eaf0df;border:1px solid #dfe5d3;border-radius:20px;position:relative;overflow:hidden;min-height:323px;display:flex;align-items:center;padding:35px 40px}.hero:after{content:'❧';position:absolute;font-size:300px;color:#d7e2c7;right:-40px;bottom:-90px;transform:rotate(-25deg)}.heroText{max-width:57%;position:relative;z-index:1}.hero h2{font-size:39px;line-height:1.13;letter-spacing:-1px;margin:16px 0}.hero p{color:#59705b;font-size:14px;max-width:360px}.mascot{position:absolute;right:35px;bottom:0;width:300px;height:310px;z-index:1;background-image:url('assets/moodboard.png');background-size:1250px auto;background-position:-620px -173px;border-radius:130px 130px 12px 12px;mix-blend-mode:multiply}.tag{display:inline-block;font-size:10px;padding:6px 10px;border-radius:20px;background:#fff8e7;color:#9b752a}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:23px 0 33px}.stat{border:1px solid var(--line);background:white;border-radius:13px;padding:19px;display:flex;gap:15px;align-items:center}.icon{background:#eef3e8;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;font-size:24px}.stat strong{display:block;font-size:21px}.stat small{font-size:11px;color:var(--muted)}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:28px 0 18px}.textbtn{background:transparent;color:var(--green);padding:0;font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;transition:transform .2s}.card:hover{transform:translateY(-3px)}.art{height:146px;display:grid;place-items:center;font-size:66px;background:#e3ead9;position:relative;overflow:hidden}.art:before{content:'✧';font-size:160px;position:absolute;right:5px;color:#ffffff60}.art.gold{background:#f0e6cd}.art.sage{background:#dce8e3}.cardbody{padding:20px}.card p{font-size:12px;color:var(--muted);margin:7px 0 18px}.card small{font-size:10px;color:var(--muted)}.card button{margin-top:14px;width:100%;background:#f0f4e9;color:var(--green);text-align:left}.quote{border-left:3px solid var(--gold);padding:17px 24px;background:#f3eedf;border-radius:0 12px 12px 0;margin-top:30px;font-size:16px}.quote small{display:block;color:var(--muted);font-size:11px;margin-top:9px}footer{padding:25px 42px;border-top:1px solid var(--line);font-weight:bold;font-size:13px;display:flex;gap:20px}footer span{font-weight:normal;font-size:11px;color:var(--muted)}footer span:last-child{margin-left:auto}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:27px;margin:22px 0}.panel p{color:#52695e}.panel li{margin:12px 0;line-height:1.7}.progress{height:7px;border-radius:8px;background:#e8ece1;overflow:hidden;margin-top:12px}.progress span{display:block;background:#89a967;height:100%}textarea,input{padding:13px;border:1px solid #d9e1d3;border-radius:9px;background:#fffef9;width:100%;color:var(--ink)}textarea{min-height:140px;resize:vertical;margin:10px 0 17px}label{display:block;margin:20px 0 6px;font-weight:bold;font-size:13px}.answers{display:grid;gap:12px;margin:25px 0}.answers button{text-align:left;background:#f2f4ec;color:var(--ink);border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:16px 10px;border-bottom:1px solid var(--line);text-align:left}th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.empty{padding:25px;background:#f2f5ed;border-radius:12px;color:var(--muted)}dialog{border:0;border-radius:19px;padding:35px;max-width:620px;width:90%;color:var(--ink);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#102c2580}.close{float:right;background:#eff2e9;color:var(--green);font-size:22px;padding:3px 11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:9px;padding:13px 24px;display:none;z-index:9}.split{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.pill{font-size:11px;color:#617c47;background:#eef3e5;padding:5px 9px;border-radius:20px}@media(min-width:1500px){.mascot{right:100px}}@media(max-width:1000px){aside{width:185px;padding:25px 15px}.shell{margin-left:185px}main{padding:28px 24px}header{padding:0 24px}.hero{padding:28px}.hero h2{font-size:31px}.mascot{right:-35px;opacity:.8}.heroText{max-width:65%}.cards{gap:12px}.cardbody{padding:14px}}@media(max-width:700px){aside{position:relative;width:auto;height:auto;padding:15px 20px}.brand{font-size:24px}aside>small,.sidefoot{display:none}nav{display:flex;overflow:auto;margin-top:15px;gap:5px}nav a{white-space:nowrap;margin:0;padding:10px;font-size:12px}nav i{display:none}.shell{margin:0}header{height:60px;padding:0 20px}.google span,.date{display:none}header>div{gap:10px}main{padding:23px 20px}h1{font-size:25px}.hero{padding:26px 23px;min-height:330px}.heroText{max-width:85%}.hero h2{font-size:32px}.mascot{opacity:.14;right:-45px}.hero p{max-width:260px}.stats{gap:8px}.stat{padding:13px 10px;display:block}.stat .icon{display:none}.stat strong{font-size:22px}.cards,.split{grid-template-columns:1fr}.art{height:155px}footer{padding:20px;flex-wrap:wrap}footer span:last-child{margin:0}.panel{padding:20px}table{font-size:11px}td,th{padding:12px 4px}.welcome{align-items:start}}
.account-note{background:#edf2e6;border:1px solid #d9e3cd;border-radius:10px;padding:12px 16px;font-size:12px;margin-bottom:22px;line-height:1.6}.account-note a{text-decoration:underline;font-weight:bold}.account-link{padding:10px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--green);font-size:12px}.account-note.error{background:#fff0de;color:#79491e}
.library-callout{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;margin-top:20px;border:1px solid #e4dfca;border-radius:15px;background:#fffaf0}.library-callout h2{margin-top:7px}.library-callout p{font-size:12px;margin-bottom:0;color:var(--muted)}.buttonlink{display:inline-block;padding:12px 17px;border-radius:9px;background:var(--green);color:white;font-size:13px;white-space:nowrap}.secondary{background:#edf1e6!important;color:var(--green)!important}.library-intro{padding:30px 35px;border-radius:17px;background:linear-gradient(120deg,#e6eddb,#f5f1df)}.library-intro h2{font-size:31px;line-height:1.2;margin-top:12px}.library-intro p{max-width:550px;color:#61735f;font-size:14px}.filters{display:grid;grid-template-columns:2fr 1fr 1.4fr 1.2fr auto;align-items:end;gap:12px;margin:23px 0}.filters label{margin-top:0;font-size:11px}select{font:inherit;width:100%;border:1px solid #d9e1d3;border-radius:9px;padding:12px;background:#fffef9;color:var(--ink)}.filters button{height:43px}.material-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.cardlink{display:block;margin-top:16px;padding:12px;border-radius:8px;background:#eff3e7;font-size:13px}.cardlink span{float:right}.library-disclaimer{font-size:11px;color:var(--muted);line-height:1.6;margin-top:25px}.material-detail{max-width:850px;margin:22px auto}.material-detail h1{line-height:1.25}.material-detail .lead{font-size:18px;color:#829266;padding-bottom:19px;border-bottom:1px solid var(--line)}.material-detail p{line-height:1.9}.material-actions{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}.video-resource{background:#eff3e8;border-radius:12px;padding:20px;margin-top:20px}fieldset{border:1px solid var(--line);border-radius:10px;margin:20px 0;padding:18px}legend{font-weight:bold;padding:0 6px;line-height:1.5}.radio-label{font-weight:normal;background:#f6f7f1;border-radius:8px;padding:12px;display:flex;gap:10px;align-items:center}.radio-label input{width:auto}.table-scroll{overflow:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}#materialEditor textarea{min-height:80px}#materialEditor .longtext{min-height:240px}details{margin:22px 0;padding:16px;background:#f4f6ee;border-radius:10px}summary{cursor:pointer;font-weight:bold;font-size:13px}.class-top,.class-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.submission{padding:15px 0;border-bottom:1px solid var(--line)}.submission small{display:block;margin-top:5px;color:var(--muted)}.submission p,.task-prompt{white-space:pre-wrap}.class-tabs button{font-size:12px}.filters input:focus,select:focus,textarea:focus{outline:2px solid #9eb48c;outline-offset:2px}button:disabled{opacity:.55;cursor:wait}#modal{max-height:90vh;overflow:auto}@media(max-width:1000px){.filters{grid-template-columns:1fr 1fr}.filters>div:first-child{grid-column:1/-1}.filters button{grid-column:1/-1}.library-callout{align-items:start;flex-direction:column}}@media(max-width:700px){.library-intro{padding:24px}.library-intro h2{font-size:27px}.filters{gap:10px}.filters>div:nth-child(4){grid-column:1/-1}.library-callout{padding:22px}.material-meta{align-items:start;flex-direction:column}.form-grid{grid-template-columns:1fr}}
.video-player{aspect-ratio:16/9;width:100%;background:#173f35;border-radius:12px;overflow:hidden;margin:18px 0}.video-player iframe{width:100%;height:100%;border:0;display:block}.video-play{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:0;background:radial-gradient(ellipse at top right,#62855a,#123e34);color:#fff}.video-play>span{display:grid;place-items:center;background:#fff9e8;color:#174b3b;font-size:23px;width:63px;height:63px;border-radius:50%;padding-left:4px}.video-play b{font-size:18px}.video-play small{font-size:11px;font-weight:normal;color:#dbe4d1}.video-resource .video-source{font-size:12px;color:#667b62;margin:7px 0}.video-resource .video-fallback{font-size:11px;color:#778273}.video-discussion{padding:18px 0 0;border-top:1px solid #d7dfcb;margin-top:18px}.video-discussion p{font-size:14px}
.learning-goals{padding:20px 24px;background:#edf2e5;border-radius:12px;margin:20px 0}.learning-goals p{margin-bottom:0;font-size:14px}.answer-review{margin:14px 0;padding:18px;border:1px solid var(--line);border-left:4px solid #a6b58a;border-radius:10px}.answer-review.incorrect{border-left-color:#c8a04d;background:#fffcf3}.answer-review p{font-size:13px}.editor-question{background:#f8f9f3}.editor-question legend{font-size:15px}.editor-question .textbtn{padding:10px 0}#materialEditor .editor-question textarea{min-height:90px}nav{overflow-y:auto;min-height:0}.sidefoot{flex-shrink:0}nav a{font-size:14px}dialog form button:disabled{opacity:.5}a:focus-visible,button:focus-visible{outline:3px solid #b79343;outline-offset:3px}.table-scroll small{font-size:10px;color:var(--muted)}@media(max-width:700px){nav{overflow-x:auto;overflow-y:hidden}nav a{font-size:12px}.material-detail h1{font-size:25px}}
.quick-library{background:#e7eee0;color:var(--green);font-weight:bold;white-space:nowrap}@media(max-width:700px){header>#breadcrumb{max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header>div{gap:8px}.quick-library{font-size:11px;padding:9px}.account-link{font-size:11px}}
.brand{display:flex;align-items:center;gap:10px;line-height:1;flex-shrink:0}.brand .brand-logo{display:block;width:54px;height:40px;object-fit:contain;flex-shrink:0;border-radius:4px}.brand .brand-name{color:var(--green);font-size:30px;font-weight:900;letter-spacing:1px}.footer-brand{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.footer-brand img{display:block;object-fit:contain;border-radius:3px}@media(max-width:1000px){.brand .brand-logo{width:46px;height:35px}.brand .brand-name{font-size:26px}.brand{gap:8px}}@media(max-width:700px){.brand .brand-logo{width:48px;height:36px}.brand .brand-name{font-size:27px}}
.hero{min-height:410px}.heroText{max-width:51%}.hero .mascot{position:absolute;right:20px;bottom:20px;width:46%;height:calc(100% - 40px);max-height:380px;object-fit:contain;background:none;border-radius:0;mix-blend-mode:normal;opacity:1;z-index:1}@media(max-width:1000px){.hero{min-height:370px}.heroText{max-width:51%}.hero .mascot{right:10px;bottom:18px;width:46%;height:calc(100% - 36px)}}@media(max-width:700px){.hero{min-height:0;flex-direction:column;align-items:stretch;gap:18px}.heroText{max-width:100%}.hero p{max-width:none}.hero .mascot{position:relative;right:auto;bottom:auto;width:100%;height:auto;max-height:none;aspect-ratio:1374/1145;object-fit:contain;opacity:1}.hero:after{font-size:220px;bottom:-70px;right:-45px}}
.hero .mascot{border-radius:16px}
/* Blend the Hudhud scene into the welcome panel instead of framing it as a photo. */
.hero{isolation:isolate;min-height:440px;border:1px solid #e7e4d5;border-radius:28px;background:radial-gradient(ellipse at 82% 35%,#f1edcf 0,transparent 51%),linear-gradient(115deg,#edf2e4 0%,#faf7e9 58%,#f7f0dc 100%);box-shadow:0 12px 36px -28px #35594466}
.hero::before{content:'';position:absolute;width:40%;aspect-ratio:1;right:6%;top:7%;border:1px solid #c5ab6b45;border-radius:48% 52% 46% 54% / 54% 46% 54% 46%;transform:rotate(-12deg);background:radial-gradient(ellipse at center,#e1e8cc66,transparent 68%);z-index:-1;pointer-events:none}
.hero::after{content:'✧';font-size:64px;line-height:1;right:36px;top:25px;bottom:auto;color:#ba964e88;transform:rotate(10deg);z-index:0;pointer-events:none}
.heroText{max-width:49%;z-index:2}.hero .mascot{width:52%;height:auto;max-height:none;aspect-ratio:1374/1145;right:-4px;top:50%;bottom:auto;transform:translateY(-50%);border:0;border-radius:0;box-shadow:none;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 64% 66% at 50% 53%,#000 52%,rgba(0,0,0,.98) 62%,transparent 83%);mask-image:radial-gradient(ellipse 64% 66% at 50% 53%,#000 52%,rgba(0,0,0,.98) 62%,transparent 83%)}
@media(max-width:1000px){.hero{min-height:390px;padding:30px}.heroText{max-width:49%}.hero .mascot{width:53%;right:-7px}.hero::after{font-size:45px;right:22px;top:22px}}
@media(max-width:700px){.hero{padding:28px 23px 4px;border-radius:22px;min-height:0;gap:0;background:radial-gradient(ellipse at 50% 80%,#ede9cc55,transparent 65%),linear-gradient(145deg,#edf2e4,#fbf7e9 64%)}.heroText{max-width:100%}.hero .mascot{position:relative;top:auto;right:auto;bottom:auto;transform:none;align-self:center;width:calc(100% + 34px);max-width:none;margin:2px -17px -8px;height:auto;-webkit-mask-image:radial-gradient(ellipse 64% 66% at 50% 53%,#000 52%,rgba(0,0,0,.98) 62%,transparent 83%);mask-image:radial-gradient(ellipse 64% 66% at 50% 53%,#000 52%,rgba(0,0,0,.98) 62%,transparent 83%)}.hero::before{width:82%;right:9%;top:auto;bottom:5%;z-index:-1}.hero::after{font-size:35px;right:19px;top:17px}}