@import url("https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap");

*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;scrollbar-color:#75c86b #dcebd8;scrollbar-width:auto}
html::-webkit-scrollbar{width:14px}
html::-webkit-scrollbar-track{background:#dcebd8}
html::-webkit-scrollbar-thumb{background:#75c86b;border-radius:8px;border:2px solid #dcebd8}
html::-webkit-scrollbar-thumb:hover{background:#8bd47f}
body{min-height:100%;margin:0;padding:clamp(18px,3.5vw,42px);color:#f4f8ef;background:linear-gradient(180deg,#287a3b 0%,#206733 48%,#18552b 100%);font-family:"ABeeZee",Arial,sans-serif}
.slide-card{width:min(100%,1000px);margin:0 auto;padding-bottom:38px}
.slide-header{display:flex;align-items:center;gap:22px;margin:0 auto 20px}
.step-number{flex:0 0 auto;width:clamp(72px,8vw,96px);aspect-ratio:1;display:grid;place-items:center;border:5px solid #fff;border-radius:50%;color:#fff;background:#2475a0;box-shadow:0 0 0 7px rgba(77,157,198,.72);font:700 clamp(1.65rem,3vw,2.5rem)/1 "ABeeZee",Arial,sans-serif}
.slide-header h1{margin:0;color:#f2d387;font:400 clamp(2.1rem,4.35vw,3.65rem)/1.06 "ABeeZee",Arial,sans-serif;letter-spacing:-.4px}
.question,.explanation{width:min(78%,760px);margin-left:auto;margin-right:auto}
.question{margin-top:12px;margin-bottom:10px;color:#8fd8ff;font-size:clamp(1rem,1.7vw,1.28rem)}
.explanation{margin-top:0;margin-bottom:22px;color:#f6efd9;font-size:clamp(1rem,1.55vw,1.18rem);line-height:1.5}
.content-area{margin-top:0;border-top:1px solid rgba(224,189,104,.55);border-right:2px solid #8b6b2f;border-bottom:2px solid #8b6b2f;border-left:2px solid #8b6b2f;border-radius:0 0 14px 14px;padding:28px;background:#182227}
.content-area p{font-size:1.15rem;line-height:1.6}.content-area img{display:block;width:100%!important;max-width:100%!important;height:auto;margin:1.25rem auto!important;border-radius:10px}.content-area video{display:block;width:100%!important;max-width:100%!important;height:auto;max-height:520px;margin:1.5rem auto!important;background:#000;border-radius:12px}.content-area .definition{width:100%!important;margin:0 0 1.5rem!important;padding:16px;border-radius:10px;background:#fef9ea;color:#272018;border:2px solid #fdca98;font-size:1.08rem;line-height:1.5;text-align:left!important;cursor:default}.content-area h6,.content-area .caption{margin:.5rem 0 1.5rem;text-align:center;color:#d8cba8;font-size:.95rem;font-weight:normal}.content-area .dictionary{font-size:1.15rem;line-height:1.6;text-align:left}.status{margin:0;font-size:1.1rem;line-height:1.6}.error{color:#ffd0bd}
.museum-extra{width:min(100%,900px);margin:34px auto 0;text-align:center}.museum-extra h2{margin:0 0 16px;color:#f6efd9;font:400 clamp(1.35rem,2.5vw,2rem)/1.2 "ABeeZee",Arial,sans-serif}.book-link,.search-link{display:inline-block;width:100%;text-decoration:none;color:inherit}.book-link img,.search-link img{display:block;width:100%;height:auto;margin:0 auto;border-radius:10px}.book-link img{border:3px solid #c8b08a;box-shadow:0 4px 12px rgba(0,0,0,.25)}.page-number{margin-top:10px;font-size:1.5rem;font-weight:bold}.book-placeholder{padding:22px;border:2px dashed #8b6b2f;border-radius:10px;color:#d8cba8}.hidden{display:none!important}.toby-video{display:block;width:100%;height:auto;margin:0 auto;background:#000;border-radius:10px}.search-section{padding-top:28px;border-top:3px solid #8b6b2f}.search-link:hover img,.search-link:focus-visible img{transform:scale(1.012);filter:brightness(1.05)}.search-link img{transition:transform .2s ease,filter .2s ease}
@media(max-width:700px){body{padding:18px}.question,.explanation{width:100%}.slide-header{align-items:flex-start}.slide-header h1{font-size:clamp(1.65rem,7vw,2.4rem)}}

/* Compact three-card Science discovery strip — plants template */
.discovery-three{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  margin:24px 0 28px;
}
.discovery-three section{
  min-height:145px;padding:18px 16px;border-radius:14px;
  background:rgba(245,251,241,.97);color:#243026;
  border:2px solid #89bd78;box-shadow:0 4px 12px rgba(0,0,0,.14);
}
.discovery-three h2{margin:0 0 10px;color:#35763f;font-size:1.05rem;text-align:center}
.discovery-three p{margin:0;font-size:1rem;line-height:1.45}
@media(max-width:760px){.discovery-three{grid-template-columns:1fr}.discovery-three section{min-height:0}}


/* ============================================================
   SCIENCE BAY STANDARD — matched to Plants 2Bay
   ============================================================ */
html{scrollbar-color:#75c86b #dcebd8}
body{background:linear-gradient(180deg,#287a3b 0%,#206733 48%,#18552b 100%);color:#f4f8ef}
.step-number{background:#4f9d4d;box-shadow:0 0 0 7px rgba(125,196,108,.55)}
.slide-header h1{color:#f4e39b}
.question{color:#bdecae}
.explanation{color:#f4f8ef}
.discovery-three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 28px}
.discovery-three section{min-height:145px;padding:18px 16px;border-radius:14px;background:rgba(245,251,241,.97);color:#243026;border:2px solid #89bd78;box-shadow:0 4px 12px rgba(0,0,0,.14)}
.discovery-three h2{margin:0 0 10px;color:#35763f;font-size:1.05rem;text-align:center}
.discovery-three p{margin:0;font-size:1rem;line-height:1.45}
.toby-hook,.quick-video{margin:20px 0 24px;padding:14px 16px 16px;background:#f6fbf3;border:2px solid #79b86a;border-radius:14px;box-shadow:0 5px 16px rgba(0,0,0,.16)}
.toby-hook h2,.quick-video h2{text-align:center;margin:0 0 12px;color:#34733d;font-size:clamp(1.2rem,2.3vw,1.7rem)}
.presenter-video{display:block;width:100%;height:auto;max-height:560px;margin:auto;border:0;border-radius:10px;background:#dfeedd}

/* New teaching sequence beneath the standard Plant-style opening. */
.lesson-section{width:100%}
.amy-video{aspect-ratio:16/9;object-fit:cover}
.museum-extra{width:min(100%,960px);margin:28px auto 0;text-align:center}
.museum-extra h2{margin:0 0 14px;color:#eef8eb;font:400 clamp(1.2rem,2.3vw,1.7rem)/1.2 "ABeeZee",Arial,sans-serif}
.textbook-section,.related-library-section,.extra-video-section{padding-top:22px;border-top:2px solid rgba(159,205,136,.72)}
.spread-link{position:relative;display:block;width:100%;text-decoration:none;color:inherit;border-radius:12px;outline:none}
.spread-link img{display:block;width:100%;height:auto;border:3px solid rgba(235,248,232,.95);border-radius:10px;box-shadow:0 12px 26px rgba(0,0,0,.42);transition:transform .18s ease,filter .18s ease}
.spread-link:hover img,.spread-link:focus-visible img{transform:scale(1.008);filter:brightness(1.045)}
.open-book{position:absolute;right:18px;bottom:18px;padding:10px 16px;border:2px solid rgba(255,255,255,.82);border-radius:999px;color:#fff;background:rgba(32,103,51,.92);font-size:clamp(.85rem,1.6vw,1.05rem);font-weight:700;letter-spacing:.04em;box-shadow:0 3px 10px rgba(0,0,0,.28)}
.spread-link.is-unlinked{cursor:default}.spread-link.is-unlinked .open-book{display:none}
.related-library-section{text-align:center}
.related-library-frame{display:block;width:100%;aspect-ratio:16/9;border:2px solid #79b86a;border-radius:14px;background:#2f7f39;margin:10px auto 0}
.extra-video{display:block;width:100%;height:auto;aspect-ratio:16/9;margin:auto;border:0;border-radius:10px;background:#dfeedd;object-fit:cover}
@media(max-width:760px){.discovery-three{grid-template-columns:1fr}.discovery-three section{min-height:0}.open-book{right:10px;bottom:10px;padding:8px 12px}}