/* BioAI botanical presentation. No account or learning behavior changes. */
:root{--green:#145539;--ink:#183c2a;--muted:#67745b;--bg:#f8f2df;--line:#e1dfc7;--pale:#edf0d7;--radius:20px;background:var(--bg)}
body{background:radial-gradient(ellipse at 95% 0,#e4edcf66,transparent 55%),var(--bg)}
.sidebar{width:224px;background:linear-gradient(165deg,#052c20,#0b3828 70%,#154b30);color:#f6f5df;border:0;padding:25px 14px;overflow-y:auto;scrollbar-width:thin}
.brand{padding:0 10px 27px}.brand i{color:#bded65}.brand small{color:#bacbb1}.sidebar nav button{color:#d3dfca;min-height:46px;padding:11px 13px}.sidebar nav button:hover{background:#ffffff12;color:white}.sidebar nav button.active{background:#286633;color:#efffd8;box-shadow:inset 3px 0 #c9f777}.sidebar nav button.active .icon{color:#cbf580}.sidefoot{border-color:#ffffff20;color:#c0d3b6}.sidefoot button{background:#ffffff09;color:#ecf7df;border-color:#86ad7266}.shell{margin-left:224px}.topbar{background:#f8f2dfee;border-color:#e3dfc7;gap:12px}.topbar .search{background:#fffbec;border-color:#dce1c8}.avatar{background:#194e32;color:#e1fbb3}.langs{background:#ebeccd}.pagehead{margin-bottom:20px}.pagehead .eyebrow{font-size:10px;color:#748260}.pagehead h1{font-size:clamp(25px,2.2vw,34px)}main{padding:25px 26px 38px}.homegrid{grid-template-columns:minmax(0,1fr) 264px;gap:18px}
.hero{display:block;min-height:340px;background:#063524;color:#fff9de;isolation:isolate}.heroart{position:absolute;inset:0 0 0 39%;height:100%;z-index:-2;background-image:url('/assets/botanical-atlas.jpg');background-size:300% 200%;background-position:0 0}.heroart img{display:none}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#063524 0%,#063524ef 25%,#063524a0 48%,transparent 73%)}.herotext{padding:34px 30px;max-width:65%}.hero .badge{background:none;color:#c3e899;padding:0;font-weight:500}.hero h2{font-size:clamp(34px,3.35vw,54px);letter-spacing:-1.5px;margin:16px 0;line-height:1.07}.hero h2 em{font-style:normal;color:#cbf880}.hero p{color:#dae7ca;max-width:320px;font-size:14px}.hero .actions{gap:9px}.hero .actions button{font-size:12px;padding:11px 14px;background:#ffffff10;border-color:#9ebd7680;color:#eff8de}.hero .actions .primary{background:#cef77b;color:#143521;border-color:#cef77b;box-shadow:0 5px 20px #051e2530}.hero .actions .primary:hover{background:#defda5}
.stats{background:#edf0da;border:1px solid #e3e6cc;border-radius:18px;gap:0;margin:13px 0 24px;padding:7px 0}.stat{background:none;border-radius:0;padding:12px 17px;border-right:1px solid #d6dfc2}.stat:last-child{border:0}.stat b{font-size:23px}.stat i{color:#56853a}.stat small{color:#67745b}.grades{gap:12px}.gradecard{position:relative;isolation:isolate;min-height:210px;border:0;box-shadow:0 5px 16px #29472c0b;background:#efc3a7!important;transition:transform .18s,box-shadow .18s}.gradecard:hover{transform:translateY(-4px);box-shadow:0 12px 26px #29472c20}.gradecard h3{position:relative;z-index:2;padding:16px 15px 0;font-size:24px;color:#102c20}.gradecard .art{position:absolute;inset:0;z-index:-2;height:100%;background-image:url('/assets/botanical-atlas.jpg');background-size:300% 200%;background-position:0 0}.gradecard:nth-child(2) .art{background-position:50% 0}.gradecard:nth-child(3) .art{background-position:100% 0}.gradecard:nth-child(4) .art{background-position:0 100%}.gradecard:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#fff5d8b0,transparent 45%,#10281725)}.gradecard:first-child:after{background:linear-gradient(180deg,#d1ebc7ed,transparent 65%,#10281730)}.gradecard .go{margin:118px 10px 10px;background:#fff7e8e8;color:#214629;font-size:11px;border-radius:10px;backdrop-filter:blur(6px)}
.homegrid>.home-main>.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{position:relative;isolation:isolate;overflow:hidden;min-height:215px;background:#0b3928;color:#fff7df;border:0;padding:23px}.feature-card:before{content:'';position:absolute;inset:0 0 0 28%;background:url('/assets/botanical-atlas.jpg') 50% 100%/300% 200%;z-index:-2}.feature-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b3928 10%,#0b3928d0 45%,transparent);z-index:-1}.feature-ai:before{background-position:100% 100%}.feature-books:before{background-position:0 100%}.feature-books{grid-column:1/-1;min-height:165px}.feature-card .bigicon{display:none!important}.feature-card h3{font-size:23px;max-width:70%;line-height:1.2}.feature-card p{color:#dce6ca;max-width:63%;margin:12px 0 19px}.feature-card .primary{background:#cff781;color:#153c23;border:0;font-size:12px}.panel,.card,.lesson{background:#fffbed;border-color:#e3dfc8;box-shadow:0 8px 24px #6b643506}.rightcol .panel{padding:22px 18px}.rightcol .panel:first-child{border-top:4px solid #94bb5c}.rightcol .panel:nth-child(2){background:linear-gradient(130deg,#edf0d8,#fff8df)}.rightcol .panel h3{font-size:17px}.rightcol .panel h2{font-size:23px}.rightcol .panel p{line-height:1.7}.rightcol .panel .actions{gap:8px}.rightcol .panel .actions button{font-size:12px}.lesson{border-top:3px solid #a4bc75}.lesson:hover{background:#f3f4dc}.tags span{background:#e9edcf}.toolbar .chips button{min-width:44px}.empty{background:#f1ecd7}.authart{background:linear-gradient(135deg,#0a3928,#255b32);color:#f7f5dc;position:relative;overflow:hidden}.authart img{opacity:0}.authart:before{content:'';position:absolute;top:0;left:0;right:0;height:65%;background:url('/assets/botanical-atlas.jpg') 0 0/300% 200%}.authart h1,.authart p{position:relative}.authart p{color:#d8e6c6}.authform{background:#fffbed;border:1px solid var(--line);border-radius:22px;padding:28px}.authlayout{gap:26px}.modalhead,dialog{background:#fffbed}.modalbody{background:#fbf6e7}input,select,textarea{background:#fffdf4}.note{background:#edf0d5}footer{border-color:#e2dcc2}.menu-backdrop,.menu-close{display:none}
.contrast{--ink:#102819;--muted:#35452e;--line:#82946e;--bg:#fff7df}.contrast .panel,.contrast .card,.contrast .lesson{border-color:#738563}.contrast .hero p,.contrast .feature-card p{color:#fff}
@media(min-width:1600px){.hero{min-height:390px}.herotext{padding:43px}.gradecard{min-height:240px}.gradecard .go{margin-top:150px}}
@media(max-width:1250px){.homegrid{grid-template-columns:1fr}.rightcol{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h2{font-size:48px}}
@media(max-width:960px){.sidebar{width:210px}.shell{margin-left:210px}.rightcol{grid-template-columns:1fr 1fr}.hero h2{font-size:38px}.herotext{max-width:70%;padding:28px 24px}.heroart{left:30%}.grades{gap:9px}.gradecard h3{font-size:21px}.gradecard .go{font-size:10px}}
@media(max-width:760px){.sidebar{width:min(290px,85vw);transform:translateX(-105%);transition:transform .2s;z-index:60;padding-top:25px;visibility:hidden}.menuopen .sidebar{transform:none;visibility:visible;box-shadow:15px 0 60px #001c2233}.shell{margin-left:0}.menu{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:#123f2c;color:#ddf5b2;border:0;font-size:23px;padding:6px}.menu-close{display:block;position:absolute;right:12px;top:22px;background:transparent;color:#e9f3d8;border:0;font-size:25px;padding:4px 10px}.menu-backdrop{position:fixed;inset:0;background:#03261988;backdrop-filter:blur(3px);z-index:55;border:0;border-radius:0;padding:0}.menuopen .menu-backdrop{display:block}.menuopen{overflow:hidden}.topbar{height:70px;padding:10px 14px;position:sticky;top:0;z-index:40}.topbar .search{display:none}.topbar .userlabel{display:none}.topbar .spacer{flex:1}.langs button{min-height:34px}.topbar .avatar{width:38px;height:38px}.sidebar .brand{padding-right:34px}.sidebar nav{gap:4px}.sidebar nav button{min-height:47px}.sidefoot{margin-top:24px}main{padding:23px 15px}.pagehead h1{font-size:26px}.pagehead p{font-size:12px}.pagehead .eyebrow{margin-bottom:5px}.pagehead{gap:12px}.hero{min-height:405px;border-radius:20px;display:block}.heroart{inset:0 0 auto 13%;height:300px;order:initial}.hero:after{background:linear-gradient(0deg,#063524 2%,#063524f5 25%,#06352490 52%,transparent 88%)}.herotext{padding:195px 23px 25px;max-width:100%}.hero .badge{font-size:10px}.hero h2{font-size:38px;max-width:300px;margin:10px 0}.hero p{font-size:13px;max-width:280px}.hero .actions button{min-height:44px}.hero .actions{flex-wrap:wrap}.stats{margin-top:12px}.stat{padding:10px 8px;gap:7px}.stat b{font-size:21px}.stat i{font-size:20px}.stat small{font-size:10px}.grades{grid-template-columns:1fr 1fr;gap:12px}.gradecard{min-height:210px}.gradecard h3{font-size:24px}.gradecard .go{font-size:11px;margin-top:120px}.sectionhead h2{font-size:22px}.sectionhead .link{font-size:11px}.homegrid>.home-main>.cards{grid-template-columns:1fr}.feature-books{grid-column:auto}.feature-card{min-height:195px}.feature-card h3{font-size:24px;max-width:65%}.feature-card p{font-size:13px;max-width:60%}.rightcol{grid-template-columns:1fr}.student-view .homegrid{display:grid}.student-view .rightcol{order:initial}.student-view .rightcol .panel:not(:first-child){display:block}.student-view .mobile-tabs{background:#fff9e9f5;border-color:#e0ddc1;z-index:45}.mobile-tabs button.active{background:#dcebbb;color:#174529}.authlayout{grid-template-columns:1fr;gap:18px}.authart{min-height:180px;padding:28px}.authart:before{height:100%;left:35%;opacity:.35}.authart h1{margin:0;max-width:75%}.authart p{max-width:75%}.authform{padding:23px}.cards,.lessons,.formgrid{grid-template-columns:1fr}.toolbar{gap:12px}.toolbar input{min-width:0;width:100%;flex-basis:100%}.full{grid-column:auto}.embed{min-height:550px}.pagehead{flex-wrap:wrap}footer{padding:17px 15px;gap:12px;font-size:10px}}
.feature-lab{order:1}.feature-ai{order:2}.feature-books{order:3}
@media(max-width:360px){.topbar{gap:5px}.langs button{padding:5px 6px}.hero h2{font-size:33px}.herotext{padding-left:18px;padding-right:18px}.gradecard h3{font-size:21px}.stat{gap:4px}.stat i{display:none}}