/* Reference composition: actual interface over natural biology artwork. */
.reference-hero .home-life{display:flex;flex-direction:column;justify-content:flex-start;min-height:0;height:auto;margin:0;align-self:stretch;min-width:0}
.reference-hero .home-life figcaption{font-size:1.3rem;font-weight:800;font-style:italic;text-align:center;padding:6px;color:#104c49}
.reference-hero .home-life img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
.discovery-board{background:#f6fffd;border:3px solid white;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px #85d9d1;margin-bottom:24px}
.discovery-profile{display:flex;align-items:center;gap:24px;padding:24px;background:linear-gradient(120deg,#e5fff3,#e3f9ff)}
.discovery-profile>img{width:125px;height:150px;object-fit:cover;object-position:top;border-radius:50%;border:5px solid white;background:#8ae1d5}
.discovery-profile h1{font-size:2rem;margin:0}.discovery-profile p{font-size:1.125rem}
.discovery-time{margin-left:auto;background:white;border:1px solid #9eddd3;border-radius:18px;padding:20px;text-align:center;max-width:300px}
.discovery-time strong{display:block;font-size:2rem;color:#007f92;margin:8px 0}.discovery-time small{display:block;font-size:.875rem;line-height:1.6}
.discovery-note{padding:15px 22px;margin:0;color:#38616b;font-size:1rem;line-height:1.8;background:#effbf7}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px}
.discovery-card{min-width:0;padding:20px;background:linear-gradient(135deg,#fff,#e9faf7);border:1px solid #a6ddd7;border-radius:19px;box-shadow:0 5px 0 #27b3a518}
.discovery-card h2{font-size:1.4rem;margin:0 0 15px}.discovery-card h2 small{display:block;font-size:1rem;margin-top:6px;color:#28716c}
.discovery-card p{font-size:1rem;line-height:1.7}
.locked-label{display:inline-block;padding:8px 12px;border-radius:12px;background:#e9e3fa;color:#56377b;font-size:.875rem;font-weight:700}
.garden-scene{height:165px;background:url('/biology-nature.png') left bottom/cover;border-radius:12px}
.lab-specimen{width:100%;height:165px;object-fit:contain;mix-blend-mode:multiply}
.avatar-choices{display:flex;align-items:center;justify-content:space-around;gap:8px;min-height:165px}.avatar-choices img{height:105px;width:85px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #4cd1bb}.avatar-choices span{font-size:2rem;background:#dddbe4;border-radius:50%;padding:20px}
.achievement-symbols{font-size:3rem;padding:24px 0;text-align:center}.defender-art{width:100%;height:100px;object-fit:cover;mix-blend-mode:multiply}
.discovery-go{display:block;width:fit-content;color:#fff;background:linear-gradient(120deg,#08a69b,#007b92);padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700;font-size:1rem;margin-top:12px}.discovery-go small{display:block;margin-top:5px;font-size:.875rem}
@media(max-width:760px){.discovery-profile{flex-wrap:wrap;padding:18px;gap:15px}.discovery-time{margin-left:0;width:100%;max-width:none}.discovery-grid{grid-template-columns:1fr;padding:14px}.discovery-profile h1{font-size:1.6rem}}
body{background:#dff8f5;color:#073c50}
.reference-shell{max-width:1440px;padding:0 24px;margin:auto;background:linear-gradient(#edfffb88,#f8fffd);box-shadow:0 0 80px #029fa91c}
.reference-top{min-height:125px;display:grid;grid-template-columns:340px 1fr;gap:8px 30px;border:0;padding:22px 12px;background:linear-gradient(90deg,#effffbd9,#e6fbffdd);position:relative}
.reference-top .brand{width:330px;max-width:100%;grid-row:span 2}.reference-top .brand img{mix-blend-mode:multiply}
.academy-nav{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.academy-nav a{display:block;text-align:center;text-decoration:none;border:1px solid #b5e5e1;background:#fff9;border-radius:22px;padding:9px 20px;color:#134d60;font-size:1rem;font-weight:700}.academy-nav a small{display:block;font-size:.875rem;margin-top:3px}.academy-nav a[aria-current=page]{background:linear-gradient(130deg,#16bcad,#007a91);color:white;border-color:#13aaad;box-shadow:0 3px 6px #005e731f}.reference-top .byline{font-size:1rem;display:flex;justify-content:flex-end;gap:15px;flex-wrap:wrap}
.on-home>.reference-shell>.study-bar{display:none}.reference-shell>.study-bar{margin:0 0 18px}
.home-board{border:3px solid #fff;border-radius:25px;background:#f3fffc;box-shadow:0 0 0 1px #9ee4dd,0 12px 30px #027e941b;overflow:hidden}
.board-ribbon{display:flex;align-items:center;gap:20px;background:#f2fffd;border-bottom:1px solid #9ce1dc;padding:10px 16px;font-size:1rem}.board-ribbon>span{padding:10px 24px;border-radius:22px;background:linear-gradient(110deg,#008785,#007a99);color:#fff;font-weight:800;letter-spacing:.04em}.board-ribbon>strong{color:#366472;font-weight:500}
.reference-hero{display:grid;grid-template-columns:minmax(0,30fr) minmax(0,46fr) minmax(0,24fr);gap:18px;min-height:540px;padding:24px 25px 0;background:#eafbfa url('/biology-surround.png?v=upper-abdomen') center center/100% 100% no-repeat;align-items:start}
.home-welcome{min-width:0;position:relative;text-align:center;align-self:stretch}.home-welcome h1{font-size:clamp(27px,3vw,43px);line-height:1.05;letter-spacing:-1px;margin:0;color:#073f56;font-weight:800;text-shadow:0 1px white}.home-welcome h1 span{color:#008b8a}.home-welcome-sub{font-size:1rem;font-weight:700;margin:10px 0 5px}.home-welcome>p[lang]{font-size:1rem;margin:5px 0;font-weight:700}
.home-welcome .portrait{background:none;border:0;box-shadow:none;border-radius:0;padding:0;gap:0;overflow:visible;margin:0;max-width:100%;min-height:0}.home-welcome .portrait:before,.home-welcome .portrait:after{display:none}.home-welcome .hello-bubble{font-size:1rem;background:#fffffff0;border:1px solid #8dcfcf;padding:9px 12px;width:auto;max-width:95%;margin:12px auto 0;border-radius:16px;line-height:1.3;z-index:1}.home-welcome .mascot-button{gap:0;padding:0}.home-welcome .portrait .mascot-button img{height:320px;width:100%;object-fit:contain;filter:drop-shadow(0 10px 8px #09586925)}.home-welcome .listen-label{font-size:.875rem;padding:7px 10px;margin-top:-5px;background:#fff;border:1px solid #96d8d0;box-shadow:none}
.home-center{min-width:0;display:grid;gap:16px;padding-top:6px}.home-clock{background:linear-gradient(130deg,#1bcbb9 0,#009f9f 48%,#007d93 100%);border:4px solid #7de7cf;border-radius:38px;padding:28px 16px 23px;text-align:center;color:#fff;box-shadow:inset 0 3px 0 #ffffff66,0 6px 0 #027c8420,0 12px 20px #007c8c20}.home-clock>span{font-size:1.125rem;font-weight:800;letter-spacing:.04em}.home-clock>strong{display:block;font-size:clamp(35px,5.5vw,76px);font-weight:800;line-height:1.2;letter-spacing:-2px;font-variant-numeric:tabular-nums;margin:9px 0}.home-clock>p{font-size:1.125rem;margin:9px 0}.home-clock>small{font-size:.875rem}
.home-center .welcome-actions{margin:0;max-width:none;display:block}.home-center .start-button{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0;max-width:none;border:2px solid #ffb995;border-bottom:5px solid #ce573f;border-radius:22px;background:linear-gradient(135deg,#ff9564,#f26450 60%,#e95249);color:#072f45;text-shadow:0 1px #ffb99b55;box-shadow:inset 0 2px 0 #ffffff6b,0 5px 12px #b7503322;padding:20px 18px;font-size:1.5rem;font-weight:800}.start-button small{display:block;font-size:1.125rem;font-weight:700;line-height:1.6}.start-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:15px;background:#fff;color:#00998f;box-shadow:0 3px 0 #ad5a421a;font-size:1.5rem}
.home-stats{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px}.home-stat{padding:13px 8px;background:#f9fffeed;border:1px solid #a1deda;border-radius:15px;text-align:center;box-shadow:0 4px 0 #3ca5a013}.home-stat>strong{display:block;color:#007e9c;font-size:1.75rem;font-weight:800;overflow-wrap:anywhere}.home-stat span{display:block;font-size:1rem;font-weight:700;color:#16465b}.home-stat small{display:block;font-size:.875rem;margin-top:4px}.home-stat:nth-child(2)>strong{color:#00895e}
.home-sound{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.home-sound .sound-caption{margin:0;font-size:1rem;color:#073e49}.sound-toggle{font-size:.875rem;font-weight:700;background:#fff9}.home-life{height:100%;min-height:400px}.home-life p{font-style:italic;text-align:center;font-size:clamp(18px,2vw,28px);font-weight:700;transform:rotate(-7deg);margin:0;color:#173d39;text-shadow:0 1px white}
.quick-access{padding:18px;background:#f6fffdef;border-top:2px solid #b1e7de}.quick-access h2{font-size:1.125rem;margin:0 0 12px}.quick-access h2>span{font-size:1rem;margin-left:12px;color:#486974}.quick-access-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-tile{font:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;min-width:0;padding:17px 14px;background:linear-gradient(130deg,var(--quick),color-mix(in srgb,var(--quick) 78%,#003345));color:white;border:1px solid #fff;border-bottom:4px solid color-mix(in srgb,var(--quick) 65%,#003345);border-radius:15px;text-align:left;cursor:pointer}.quick-tile>span{background:#fff;color:var(--quick);display:grid;place-items:center;flex-shrink:0;width:44px;height:48px;border-radius:12px}.quick-tile svg{width:28px;height:28px}.quick-tile strong{font-size:1.125rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.quick-tile small{display:block;font-size:1rem;line-height:1.5;margin-top:6px}
.reference-shell>.catalog-view{background:#fafffdee;border:3px solid #fff;border-radius:24px;padding:25px;margin-bottom:20px;box-shadow:0 0 0 1px #a4e0dc}.catalog-crumbs{border-bottom:1px solid #a7dfd9;padding-bottom:17px;margin-bottom:20px;font-size:1rem}.lesson-banner{margin-bottom:18px;padding:23px;border-radius:20px;background:linear-gradient(90deg,#eafffbef,#e8fcffce),url('/biology-surround.png?v=upper-abdomen') center/cover}.lesson-layout{grid-template-columns:minmax(0,1fr) 340px;gap:18px}.resource-panel{padding:18px;border-radius:20px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.resource-tile{padding:15px 12px;border-radius:16px}.resource-symbol{margin-bottom:10px}.resource-tile strong{font-size:1.125rem}.resource-tile>span[lang]{font-size:1rem}.resource-tile>small{font-size:.875rem;margin-bottom:10px}.resource-status{font-size:.875rem!important}.assistant-panel{padding:18px}.assistant-heading{flex-wrap:nowrap}.assistant-heading .assistant-mascot{width:76px;height:76px}.scientist-note{padding:12px 8px 0}.scientist-note img{height:160px}
.nature-world{display:grid;grid-template-columns:24% 1fr;align-items:center;min-height:340px;gap:18px;padding:30px 30px 20px;background:#e7fcf7 url('/biology-nature.png') center center/100% 100% no-repeat;border-radius:0 0 24px 24px;margin-top:20px;overflow:hidden}.nature-quote{align-self:end;text-align:center;color:#fff;text-shadow:0 2px 5px #034825,0 0 12px #05341d;font-size:1.3rem;padding:18px 0 0}.nature-quote p{font-size:1rem}.nature-specimens{min-width:0;text-align:center}.nature-specimens>img{display:block;width:100%;height:190px;object-fit:cover;object-position:center;mix-blend-mode:multiply}.specimen-labels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.specimen-labels span{font-size:1rem;font-weight:800;color:#005874}.specimen-labels small{display:block;font-size:.875rem;color:#315d60;margin-top:5px}.nature-specimens>p{font-size:1.35rem;font-style:italic;font-weight:700;color:#083e54;margin:26px 0 0}.nature-specimens>p span{margin:0 10px;color:#009978}.reference-footer{display:flex;flex-wrap:wrap;justify-content:space-around;padding:22px 15px;background:#fff;border-top:2px solid #8edacf;gap:14px;font-size:.875rem;color:#125468}.reference-footer>a{font-weight:700}
@media(min-width:1300px){.reference-hero{min-height:580px}.home-welcome .portrait .mascot-button img{height:355px}.home-clock{padding:34px 18px}}
@media(max-width:1050px){.reference-shell{padding:0 16px}.reference-top{grid-template-columns:280px 1fr}.reference-top .brand{width:270px}.academy-nav a{padding:8px 12px}.reference-hero{grid-template-columns:29fr 49fr 22fr;padding:20px 15px 0;gap:10px}.home-clock{border-radius:28px}.home-center .start-button{font-size:1.25rem;padding:16px 12px}.home-welcome .portrait .mascot-button img{height:300px}.quick-access-grid{grid-template-columns:repeat(2,1fr)}.lesson-layout{grid-template-columns:minmax(0,1fr) 280px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nature-world{min-height:290px;padding:20px}.nature-specimens>img{height:160px}}
@media(max-width:760px){.reference-shell{padding:0 10px}.reference-top{grid-template-columns:1fr;justify-items:center;padding:18px 4px;gap:12px}.reference-top .brand{grid-row:auto;width:280px}.academy-nav{justify-content:center;gap:5px}.academy-nav a{font-size:.875rem;padding:7px 12px}.academy-nav a small{font-size:.875rem}.reference-top .byline{justify-content:center;font-size:.875rem;gap:5px 12px}.reference-top .byline strong{font-size:.875rem}.board-ribbon{font-size:.875rem;gap:10px;padding:8px}.board-ribbon>span{padding:8px 14px;white-space:nowrap}.reference-hero{grid-template-columns:minmax(0,1fr);background-size:auto 100%;background-position:center;padding:18px 14px;gap:12px;min-height:0}.home-welcome{display:grid;grid-template-columns:minmax(0,1fr) 42%;grid-template-rows:auto auto auto;align-items:center;text-align:left}.home-welcome h1{font-size:2rem;grid-column:1;align-self:end}.home-welcome-sub{grid-column:1;font-size:.875rem}.home-welcome>p[lang]{grid-column:1;text-align:left;align-self:start}.home-welcome .portrait{grid-column:2;grid-row:1/4}.home-welcome .hello-bubble{font-size:.875rem;padding:6px;margin:0;max-width:100%}.home-welcome .portrait .mascot-button img{height:180px}.home-welcome .listen-label{font-size:.875rem;padding:5px 7px}.home-center{gap:12px}.home-clock{padding:20px 12px;border-radius:28px}.home-clock>strong{font-size:3.3rem;letter-spacing:-1px}.home-clock>span{font-size:1rem}.home-life{display:none}.home-center .start-button{font-size:1.4rem}.quick-access{padding:12px}.quick-access-grid{gap:9px}.quick-tile{padding:13px 9px;gap:9px}.quick-tile>span{width:34px;height:42px}.quick-tile svg{width:24px;height:24px}.quick-tile strong{font-size:1rem}.quick-tile small{font-size:.875rem}.reference-shell>.catalog-view{padding:17px 12px}.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{grid-template-columns:1fr}.resource-tile strong{font-size:1.25rem}.resource-tile>span[lang]{font-size:1.125rem}.assistant-heading{flex-wrap:nowrap}.nature-world{grid-template-columns:1fr;background-size:auto 100%;background-position:left center;min-height:0;padding:24px 12px;gap:10px}.nature-quote{order:2;font-size:1.1rem;max-width:60%;background:#00442b99;border-radius:15px;justify-self:start;padding:10px}.nature-quote p{margin:6px 0;font-size:.875rem}.nature-specimens{background:#f4fffbd9;border-radius:18px;padding:12px 6px}.nature-specimens>img{height:110px}.specimen-labels span{font-size:.875rem}.specimen-labels small{font-size:.875rem;line-height:1.4}.nature-specimens>p{font-size:1rem;margin-top:18px}.nature-specimens>p span{margin:0 3px}.reference-footer{font-size:.875rem;gap:12px}}
@media(max-width:390px){.quick-access-grid,.resource-panel .resource-grid{grid-template-columns:1fr}.home-welcome h1{font-size:1.75rem}.home-clock>strong{font-size:2.8rem}.board-ribbon>strong{font-size:.875rem}.home-stat>strong{font-size:1.4rem}.home-stat span{font-size:.875rem}}
.resource-panel .resource-tile strong{font-size:1.25rem}.resource-panel .resource-tile>span[lang]{font-size:1.125rem}
/* Keep the reference's anatomy and microscope visible, never behind content. */
.reference-hero{grid-template-columns:minmax(0,26fr) minmax(0,42fr) minmax(0,32fr);background-image:linear-gradient(90deg,transparent,#edfcfa 38%);position:relative}
.home-welcome{background:url('/biology-surround.png?v=upper-abdomen') left center/auto 100% no-repeat}
.reference-hero .home-life{display:flex;min-height:0}
.reference-top{grid-template-columns:300px 1fr}.reference-top .brand{width:290px}.academy-nav a{padding:9px 12px}
@media(max-width:760px){.reference-top{grid-template-columns:1fr}.academy-nav{display:grid;grid-template-columns:1fr 1fr;width:100%}.reference-hero{grid-template-columns:1fr}.home-welcome{background:none}.reference-hero .home-life{display:flex;max-width:330px;width:100%;margin:0 auto}.reference-hero .home-life img{max-height:360px;object-fit:contain}.reference-hero .home-life figcaption{font-size:1.125rem}}
.teacher-hub{max-width:1120px;margin:25px auto;padding:25px;background:#fafffdeb;border:3px solid white;border-radius:24px;box-shadow:0 8px 28px #07878d25}.teacher-identity{background:linear-gradient(90deg,#edfffaeb,#e0f6ffcf),url('/biology-surround.png?v=upper-abdomen') center/cover;padding:25px;border-radius:20px;border:1px solid #8dd7d0}.teacher-identity .brand{width:270px;max-width:100%;margin-bottom:20px}.teacher-identity h1{font-size:2rem;margin:10px 0}.teacher-identity>p{font-weight:700;color:#16727e}.teacher-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.teacher-hub-card{display:block;background:linear-gradient(140deg,#048c96,#076a99);border-radius:18px;padding:25px;color:#fff;text-decoration:none;border:2px solid white;box-shadow:0 5px 0 #07668725}.teacher-hub-card:nth-child(2){background:linear-gradient(140deg,#8550d4,#633abb)}.teacher-hub-card:nth-child(3){background:linear-gradient(140deg,#008c66,#067e78)}.teacher-hub-card strong{font-size:1.5rem;display:block}.teacher-hub-card span{font-size:1.125rem;display:block;margin-top:8px}.teacher-hub-card p{font-size:1rem}.teacher-hub #logout{max-width:340px}.teacher-results{background:#def8f4 url('/biology-nature.png') center bottom/100% auto no-repeat fixed;color:#073e50;font-family:Arial,sans-serif}.teacher-results>header{background:#effffde8;border-bottom:2px solid #19b7ae;color:#076179;display:flex;flex-wrap:wrap;gap:20px}.teacher-results>main{max-width:1280px;padding:20px}.teacher-results .panel{background:#fffefbfa;border:2px solid #65cbc3;border-radius:23px;box-shadow:0 7px 0 #20a49a20}.teacher-results .eyebrow{color:#007a87}.teacher-results .primary{background:#007f91;border-color:#008491;box-shadow:0 4px 0 #045265;color:#fff}.teacher-results h1{color:#074a5b;font-size:2rem}.teacher-results table{font-size:1rem}.teacher-results th{background:#007f89;color:white;padding:15px}.teacher-results td{padding:14px;border-bottom:1px solid #cdece3}.teacher-results tr:nth-child(even){background:#effbf8}.teacher-ideas>.shell{max-width:1120px;background:#fafffc;padding:25px;border:2px solid #8cddd1;border-radius:22px;margin:25px auto}.teacher-ideas h1{font-size:1.75rem;color:#055367}.teacher-ideas .review-card{border:2px solid #8ddacd;box-shadow:0 5px 0 #20a99a16}.teacher-ideas .dialog-done{background:#007e87;font-weight:700}
@media(max-width:760px){.teacher-hub{margin:15px 10px;padding:15px}.teacher-hub-grid{grid-template-columns:1fr}.teacher-hub-card{padding:20px}.teacher-identity{padding:18px}.teacher-identity h1{font-size:1.6rem}.teacher-ideas>.shell{margin:15px 10px;padding:18px}.teacher-results>main{padding:12px}}

/* Consistent navigation feedback and persistent current section. */
.academy-nav a{transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.academy-nav a:hover,.academy-nav a:focus-visible,.academy-nav a:active,.academy-nav a[aria-current="page"]{background:#007a86;color:#fff;border-color:#006974;box-shadow:0 4px 12px #005e732b}
.academy-nav a:hover small,.academy-nav a:focus-visible small,.academy-nav a[aria-current="page"] small{color:#fff}
.academy-nav a:focus-visible{outline:3px solid #27cbbb;outline-offset:3px}
.teacher-section-nav{justify-content:center;max-width:1100px;margin:20px auto;padding:0 14px}