/* Compact presentation only: lesson diagrams, controls and animation logic are unchanged. */
.hero .math-board.square-lesson{--sq-size:200px;max-width:460px;width:100%;justify-self:center;padding-top:24px;padding-bottom:23px}
.water-lesson-v2,.circle-lesson-v2{padding:64px 0}
.water-lesson-v2>.wrap,.circle-lesson-v2>.wrap{max-width:1060px}
.water-lesson-v2 .wt-intro,.circle-lesson-v2 .pi-intro{margin-bottom:28px}
.water-lesson-v2 .wt-intro h2,.circle-lesson-v2 .pi-intro h2{font-size:clamp(34px,3.8vw,49px)}
.water-lesson-v2 .wt-diagram{max-height:500px}
.water-lesson-v2 .wt-guide{padding:28px 25px}
.circle-lesson-v2 #pi-wheel-scene{max-height:350px}
.circle-lesson-v2 .pi-guide{padding:26px;gap:30px}
.circle-lesson-v2 .pi-discovery{margin-top:22px;padding-top:18px;padding-bottom:18px}
.discovery-invite{padding-top:40px;padding-bottom:40px}
@media(max-width:720px){.hero .math-board.square-lesson{--sq-size:190px;max-width:420px}.water-lesson-v2,.circle-lesson-v2{padding:48px 0}.water-lesson-v2 .wt-diagram{max-height:420px}.circle-lesson-v2 #pi-wheel-scene{max-height:300px}.water-lesson-v2 .wt-intro h2,.circle-lesson-v2 .pi-intro h2{font-size:34px}}

/* Manually maintained weekly availability bar. */
.hero .availability{max-width:320px;gap:9px}.hero .availability .seat-dots{gap:6px;margin:0}.hero .availability .seat-dots i{flex:1;width:auto;height:8px}