@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:#39d353 #666;scrollbar-width:auto}
html::-webkit-scrollbar{width:14px}
html::-webkit-scrollbar-track{background:#666}
html::-webkit-scrollbar-thumb{background:#39d353;border-radius:8px;border:2px solid #666}
html::-webkit-scrollbar-thumb:hover{background:#57e36f}
body{min-height:100%;margin:0;padding:clamp(18px,3.5vw,42px);color:#f6efd9;background:radial-gradient(circle at 50% 8%,rgba(90,74,36,.23),transparent 38%),linear-gradient(#192a31,#0d1519);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)}}