/* Rounded, readable schoolhouse typography and a consistent tactile finish. */
:root{--serif:'Fredoka','Trebuchet MS',sans-serif;--sans:'Nunito Sans','Trebuchet MS',sans-serif;--paper:#fff5e3;--ink:#244e40;--orange:#c66b44;--line:#dadcc5;--peach:#f3b18c;--honey:#f3d38b;--sky:#b8d9d9}
body{font-family:var(--sans);font-weight:500}body:after{display:none}.classroom-edition p{letter-spacing:.01em}.classroom-edition h1,.classroom-edition h2,.classroom-edition h3{font-family:var(--serif);font-weight:500;letter-spacing:-.018em;line-height:1.08}.classroom-edition em{font-weight:500}.classroom-edition .eyebrow,.classroom-edition .edition{font-weight:800;letter-spacing:.12em}.classroom-edition header{background:#fff5e3;color:#244e40;border-bottom:1px solid #d7dec8;padding-top:20px;padding-bottom:20px}.classroom-edition .brand>span{font-family:var(--serif);font-size:25px;font-weight:500;letter-spacing:-.025em}.classroom-edition .brand small{font-family:var(--sans);font-size:9px;font-weight:800;letter-spacing:.21em;margin-top:8px}.classroom-edition header .brand img{border:0;width:44px;height:44px}.classroom-edition header nav{font-size:11px;font-weight:800;gap:30px}.classroom-edition header nav a:hover{border-color:#c3754b}.classroom-edition .topline{background:#edb18a;color:#234b3d;font-weight:800}.classroom-edition .topline>a{color:#234b3d}.classroom-edition header>.button{background:#244e40;color:#fff2d6;border-color:#244e40}.classroom-edition .menu>span{background:#244e40}.classroom-edition #mobile-nav{background:#f4e7c9;color:#244e40;border-color:#d2d7ba}
.button{border-radius:12px;padding:16px 22px;font-size:12px;font-weight:800;letter-spacing:.02em;box-shadow:0 3px 0 #173f3526}.button.small{border-radius:10px;font-size:11px;min-height:44px}.text-button{font-size:12px;font-weight:800;letter-spacing:.015em}.classroom-stage{background:#244f43}.classroom-stage:after{background:linear-gradient(90deg,#204a3fe8 0%,#214c40ca 29%,#254d3d08 48%,transparent 100%)}.classroom-hero{background:#244f43}.room-copy{top:23%;width:40%}.room-copy .eyebrow{font-size:9px;font-weight:800;letter-spacing:.1em;color:#ead8a1}.room-copy h1{font-family:var(--serif);font-size:clamp(58px,5.5vw,85px);font-weight:500;line-height:1.04;letter-spacing:-.025em;margin:23px 0 26px;max-width:570px;color:#fff6dd}.room-copy h1>span{color:#f3d38b}.room-intro{font-size:11px;line-height:1.9;font-weight:700;color:#e2e7cb;letter-spacing:.015em!important;max-width:440px}.room-copy .button{border-radius:13px;background:#f3d38b;color:#244e40;border-color:#f3d38b;font-size:11px;font-weight:900;gap:38px;min-height:53px;padding:16px 22px;box-shadow:0 4px 0 #172f27aa}.room-copy .button:hover{background:#ffe3a9}.room-parent-link{font-size:9px;font-weight:800;letter-spacing:.02em;color:#e1e5c9}.seat-note{font-size:9px;line-height:1.85;color:#d3dfbf;letter-spacing:.025em!important;max-width:360px}.classroom-hero.entered .room-copy h1{font-family:var(--serif);font-size:clamp(55px,5.2vw,80px);font-weight:500;line-height:1.04}.classroom-hero.entered .seat-note{color:#f6dca7}.room-toolbar{padding-top:19px;padding-bottom:19px;letter-spacing:.07em}.room-toolbar>span{font-size:9px;font-weight:800;letter-spacing:.09em;color:#e0e5c3}.room-toolbar>div{gap:9px}.room-toolbar button{font-family:var(--sans);border:1px solid #a7b28b66;background:#f1dfac0d;border-radius:22px;min-height:36px;padding:8px 12px;font-size:9px;font-weight:800;letter-spacing:.02em;gap:10px;color:#f3e4bb}.room-toolbar button:hover{background:#f0d48f20;border-color:#d1c28e}.room-toolbar button:disabled{opacity:.7}.room-toolbar button>span{display:grid;place-items:center}.room-toolbar button svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.room-hotspot{background:#fff0d2;color:#234d3d;min-height:42px;padding:5px 12px 5px 5px;gap:8px;border:1px solid #fff1d7;box-shadow:0 4px 0 #183b302c,0 8px 18px #152e2522}.room-hotspot>b{font-size:9px;font-family:var(--sans);font-weight:900;letter-spacing:0}.room-hotspot>span{width:29px;height:29px;font-size:9px;font-weight:900;background:#4d7961;color:#fff2d5}.station-window>span{background:#477c86}.station-art>span{background:#bd704d}.station-garden>span{background:#6c844c}.room-hotspot:hover,.room-hotspot:focus-visible{background:#ffe1a2;box-shadow:0 0 0 5px #f4d28d25,0 4px 0 #183b302c}.room-hotspot.visited>span{background:#bd704d}.board-next{font-family:var(--sans);font-size:9px;letter-spacing:.02em;font-weight:800;border:1px solid #ded6a56b;border-radius:18px;padding:6px 12px;min-height:30px;background:#ffdf9c08}.board-next:hover{background:#ffdf9c15}.room-caption{font-size:8px;letter-spacing:.055em;color:#d0d7b6}.room-caption>span:last-child{font-weight:800;color:#eddaaa}.classroom-participate{background:#1e4438;gap:22px 28px;padding-top:30px;padding-bottom:30px}.classroom-participate .eyebrow{font-size:9px;color:#edce8b}.classroom-participate>div>p{font-family:var(--serif);font-weight:400;font-size:22px;letter-spacing:0;line-height:1.3;color:#fff2d3}.room-answers>button{font-size:10px;font-weight:800;min-height:46px;border:1px solid #9aaf88;border-radius:10px;padding:11px 13px;letter-spacing:0;line-height:1.6;color:#f0edcf;background:#f1dfa90a}.room-answers>button[aria-pressed=true]{background:#d4dfa8;border-color:#d4dfa8}.room-answers>button:hover{background:#f1dfa916}#try-board-idea{background:#e5a27a;color:#234d3d;border-color:#e5a27a;font-size:11px;font-weight:900;letter-spacing:0;border-radius:11px;min-height:46px;padding:12px 16px;gap:24px}#room-answer-status{font-size:11px;color:#f0d39b}.room-preview{background:#315b45;padding-top:17px;padding-bottom:17px;border-color:#8caa731e}.room-preview>span{font-size:8px;font-weight:800}.room-preview>p{font-size:10px;color:#e3e8cc}.room-preview>a{font-size:9px;font-weight:800;letter-spacing:.025em}
#classroom-art text{font-family:var(--sans);font-weight:700}#classroom-art #chalk-line-one,#classroom-art #chalk-line-two{font-family:var(--serif);font-size:29px;font-weight:400;letter-spacing:.1px}#classroom-art #chalk-reply{font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.2px}
.classroom-edition .manifesto h2{font-size:clamp(40px,4.6vw,68px);line-height:1.12}.manifesto-copy p{font-size:13px;line-height:1.9}.classroom-edition .manifesto-copy p:first-child{font-family:var(--serif);font-size:22px;line-height:1.5;font-weight:400;letter-spacing:0}.classroom-edition .scribble{font-size:12px;font-weight:800;color:#a36947}.classroom-edition .principles h3{font-size:24px;line-height:1.15}.principle-n{color:#b87650;font-weight:400}.principles p{font-size:12px;line-height:1.8}.classroom-edition .atlas-heading h2{font-size:clamp(47px,5.7vw,80px);line-height:1.08}.atlas-heading p{font-size:13px;line-height:1.8}.chapter-progress{font-size:10px}.expand-atlas{font-size:11px;font-weight:800;border-radius:10px;min-height:44px}.chapter-tabs{gap:5px}.classroom-edition .chapter-tabs button{font-size:24px;font-weight:500;letter-spacing:-.01em;border-radius:15px 15px 0 0;border-right:1px solid #769070;padding:20px 17px 18px}.chapter-tabs small{font-size:9px;font-weight:800}.chapter-tabs span{font-size:10px;line-height:1.6;margin-left:26px;font-weight:700}.chapter-panel{border-radius:0 0 16px 16px;overflow:hidden}.classroom-edition .chapter-copy h3{font-size:clamp(29px,2.9vw,42px);font-weight:500;line-height:1.15;letter-spacing:-.02em}.chapter-copy>p:not(.eyebrow){font-size:13px;line-height:1.9}.chapter-copy .eyebrow{font-size:9px;letter-spacing:.08em}.chapter-footnote>span{font-size:9px;letter-spacing:.05em}.chapter-footnote>p{font-size:12px}.chapter-turn>button{width:40px;height:40px;background:#edf0da}.experiment-label{font-size:9px;letter-spacing:.06em;line-height:1.6}.experiment-controls>button{font-size:11px;min-height:46px;font-weight:800;border-radius:10px;line-height:1.6;background:#fff8e7}.experiment-status{font-size:11px;line-height:1.9;min-height:42px}.quiet-reset{font-size:10px;font-weight:800;padding:6px 0}.shadow-control label{font-size:12px;font-weight:800}.shadow-control>div{font-size:10px}.shadow-control input{height:32px;accent-color:#c77c52}.canvas-wrap{border-radius:10px;overflow:hidden;box-shadow:0 4px 0 #798b5a18;border-color:#c5cfad}.classroom-edition .canvas-hint{font-family:var(--serif);font-size:26px;font-weight:400}.classroom-edition .canvas-hint em{font-size:22px;font-weight:400}.stamp-tools button{border-radius:9px;width:38px;height:38px;background:#fff6df;font-size:26px}.stamp-tools button svg{display:block;width:24px;height:24px;margin:auto;fill:currentColor;stroke:currentColor;stroke-width:1.2}.color-tools button{width:30px;height:30px}.studio-actions>button{font-size:10px;font-weight:800;min-height:36px}.studio-actions>button:first-child{border-radius:9px;padding:9px 12px}.studio-experiment .experiment-status{font-size:10px;min-height:30px}.classroom-edition .story-copy h2,.classroom-edition .people h2{font-size:clamp(38px,3.9vw,58px);line-height:1.12}.story-copy>p,.people>div:first-child>p:not(.eyebrow){font-size:13px;line-height:1.9}.story-poster{border-radius:14px;background:#db9873;box-shadow:6px 7px 0 #7d5d3520;color:#fff0cc;transform:rotate(-2deg)}.poster-families{font-size:35px;line-height:1.2}.poster-families em{font-size:30px}.classroom-edition .story-quote{font-size:25px;line-height:1.4}.classroom-edition .people-list h3{font-size:29px;line-height:1.2}.people-list p{font-size:12px;line-height:1.9}.people-list small{font-size:9px;font-weight:800}.team-row{font-size:9px}.wonder{background:#e1e5c7}.wonder-intro h2{font-size:clamp(48px,5.5vw,78px);line-height:1.08}.wonder-intro>p:not(.eyebrow){font-size:13px;line-height:1.9}.wonder label{font-size:11px;font-weight:800}.wonder select{border:1px solid #b3c09a;border-radius:9px;background:#f8f3dd;padding:11px 15px;font-size:13px;max-width:300px;width:100%}.spark-card{border-radius:14px;background:#fff9e8;box-shadow:6px 7px 0 #71864c12;transform:rotate(2deg)}.spark-top{font-size:9px;letter-spacing:.07em}.classroom-edition .spark-card h3{font-size:32px;font-weight:400;line-height:1.2;letter-spacing:-.015em}.spark-card p:not(.eyebrow){font-size:12px;line-height:1.9}.spark-card .eyebrow{font-size:8px;letter-spacing:.08em}.spark-footer{font-size:8px}.spark-footer button{font-size:10px;font-weight:800;min-height:34px}.tape{border-radius:3px;background:#ddc29c80}.classroom-edition .questions h2{font-size:clamp(40px,4.3vw,62px);line-height:1.12}.faq summary{font-size:21px;line-height:1.4;letter-spacing:-.01em}.faq p{font-size:12px;line-height:1.9}.classroom-edition .hello h2{font-size:clamp(58px,8vw,114px);line-height:1.05}.hello-base p{font-size:13px}.hello-dot{width:19px;height:19px;background:#e5a27a}.classroom-edition footer .brand>span{font-size:22px}footer>div{font-size:11px;font-weight:800}footer>small{font-size:9px}dialog{border-radius:17px;box-shadow:0 22px 75px #0c281e4a}dialog h2{font-size:35px;line-height:1.15}dialog .eyebrow{font-size:9px}input,textarea,form select{border-radius:9px;font-family:var(--sans);font-size:13px;padding:12px}form label{font-size:12px;font-weight:800}.form-note{font-size:10px}.direct-email{font-size:12px}.classroom-edition .atlas-dialog-header{font-size:9px}.atlas-dialog-header button{font-size:11px;font-weight:800;border-radius:20px;background:#ffffff0a;padding:8px 12px}#atlas-dialog{border-radius:18px}#toast{border-radius:11px;font-weight:700;font-size:12px}
@media(max-width:1150px){.classroom-edition header nav{gap:23px;font-size:10px}.room-copy h1{font-size:5.6vw}.room-copy .eyebrow{font-size:8px}.room-copy{width:41%;top:25%}.room-copy .button{gap:26px;font-size:10px}.room-intro{font-size:10px}.seat-note{font-size:8px;max-width:320px}.room-parent-link{font-size:8px}.room-toolbar>span{font-size:8px}.room-toolbar button{font-size:8px;padding:8px 10px;gap:7px}.room-hotspot>b{font-size:8px}.room-hotspot>span{width:27px;height:27px;font-size:8px}.room-hotspot{padding-right:10px;gap:6px}.room-caption{font-size:7px}.experiment-controls>button{font-size:10px}.experiment-label{font-size:8px}.classroom-edition .chapter-tabs button{font-size:22px}.chapter-tabs span{font-size:9px}.chapter-copy>p:not(.eyebrow){font-size:12px}.chapter-footnote>p{font-size:11px}}
@media(max-width:900px){.classroom-edition header .brand>span{font-size:24px}.classroom-edition header>.button{font-size:10px}.room-copy{top:25%;width:42%}.room-copy h1{font-size:5.65vw}.room-intro{font-size:9px}.room-copy .eyebrow{font-size:7px}.room-parent-link{font-size:8px}.room-copy .button{font-size:10px;padding:14px 18px}.seat-note{font-size:8px;max-width:270px}.room-toolbar>span{font-size:7px}.room-toolbar button{font-size:7px;padding:8px 9px;gap:6px}.room-toolbar>div{gap:6px}.room-hotspot>b{font-size:7px}.room-hotspot{padding-right:9px;min-height:38px;gap:5px}.room-hotspot>span{width:25px;height:25px;font-size:7px}.board-next{font-size:7px;padding:5px 10px}.classroom-hero.entered .room-copy h1{font-size:5.6vw}.classroom-participate>div>p{font-size:22px}.room-answers>button{font-size:10px}.classroom-edition .chapter-tabs button{font-size:20px;padding:16px 11px}.chapter-tabs span{font-size:8px;margin-left:20px}.classroom-edition .chapter-copy h3{font-size:29px}.chapter-copy{padding-left:23px;padding-right:23px}.experiment{padding-left:18px;padding-right:18px}.experiment-controls>button{font-size:8px;padding:10px 7px}.experiment-label{font-size:7px}.experiment-status{font-size:10px}.studio-tools{flex-wrap:wrap}.classroom-edition .story-copy h2,.classroom-edition .people h2{font-size:39px}.classroom-edition .spark-card h3{font-size:29px}.classroom-edition .canvas-hint em{font-size:18px}}
@media(max-width:620px){.classroom-edition header{padding:18px 5vw}.classroom-edition header .brand>span{font-size:21px}.classroom-edition header .brand small{font-size:8px;letter-spacing:.18em}.classroom-edition header .brand img{width:38px;height:38px}.classroom-edition .topline>a{font-size:8px}.room-toolbar{padding:14px 6vw}.room-toolbar>span{font-size:8px;letter-spacing:.04em}.room-toolbar>div{flex-wrap:wrap;justify-content:flex-start;gap:7px;margin-top:12px}.room-toolbar button{font-size:8px;min-height:36px;padding:8px 10px;gap:6px;letter-spacing:0}.room-toolbar button svg{width:14px;height:14px}.room-copy{width:auto;top:auto;padding:29px 6vw 25px}.room-copy .eyebrow{font-size:8px;letter-spacing:.07em}.room-copy h1{font-size:clamp(35px,10.7vw,62px);line-height:1.09;letter-spacing:-.025em;margin:20px 0 23px}.room-intro{font-size:10px;line-height:1.9;max-width:330px}.room-copy .actions{gap:17px;margin-top:24px}.room-copy .button{font-size:10px;gap:23px;min-height:49px;padding:15px 18px;border-radius:12px}.room-parent-link{font-size:8px}.seat-note{font-size:8px;line-height:1.9;max-width:300px;margin-top:19px}.classroom-hero.entered .room-copy h1{font-size:clamp(35px,10.7vw,62px);line-height:1.09}.room-hotspot{min-height:37px;padding:4px 8px 4px 4px;gap:5px}.room-hotspot>b{font-size:6px;letter-spacing:0}.room-hotspot>span{width:27px;height:27px;font-size:8px}.station-garden{padding-right:4px}.room-caption{font-size:7px;line-height:1.85;padding-top:14px;padding-bottom:16px}.room-caption>span:last-child{font-size:8px}.board-next{font-size:6px;min-height:25px;width:142px;padding:4px 6px;letter-spacing:0}.classroom-participate{padding:25px 6vw}.classroom-participate .eyebrow{font-size:8px}.classroom-participate>div>p{font-size:21px;line-height:1.35;margin-top:10px}.room-answers{gap:7px;margin-top:18px}.room-answers>button{font-size:10px;min-height:47px;min-width:90px;border-radius:9px;padding:10px 9px;line-height:1.7}.classroom-participate #try-board-idea{font-size:10px;min-height:45px;gap:25px;padding:12px 16px}#room-answer-status{font-size:10px;line-height:1.9}.room-preview{gap:8px 13px;padding:17px 6vw}.room-preview>span{font-size:8px}.room-preview>p{font-size:10px;line-height:1.75}.room-preview>a{font-size:9px;line-height:1.8}.classroom-edition .manifesto h2{font-size:38px;line-height:1.16}.classroom-edition .manifesto-copy p:first-child{font-size:21px;line-height:1.5}.classroom-edition .manifesto-copy p:not(:first-child){font-size:12px;line-height:1.9}.classroom-edition .scribble{font-size:11px;line-height:1.9}.classroom-edition .principles h3{font-size:23px;line-height:1.2}.classroom-edition .principles p{font-size:11px}.classroom-edition .atlas-heading h2{font-size:49px;line-height:1.1}.atlas-heading p{font-size:12px}.classroom-edition .chapter-tabs button{font-size:22px;padding:16px 13px}.chapter-tabs span{font-size:9px;line-height:1.6}.chapter-tabs small{font-size:8px}.chapter-tabs button:nth-child(3),.chapter-tabs button:nth-child(4){border-radius:0}.chapter-panel{border-radius:0 0 13px 13px}.classroom-edition .chapter-copy h3{font-size:32px;line-height:1.16;margin:20px 0}.classroom-edition .chapter-copy>p:not(.eyebrow){font-size:12px;line-height:1.9}.classroom-edition .chapter-footnote>p{font-size:11px;line-height:1.9}.chapter-copy .eyebrow{font-size:8px}.chapter-footnote>span{font-size:8px}.experiment{padding-left:15px;padding-right:15px}.experiment-label{font-size:7px;letter-spacing:.04em}.experiment-controls>button{font-size:9px;min-height:47px;padding:10px 7px}.experiment-status{font-size:11px;min-height:44px}.shadow-control label{font-size:11px}.shadow-control>div{font-size:9px}.studio-actions>button{font-size:10px}.stamp-tools button{width:41px;height:41px}.color-tools button{width:32px;height:32px}.classroom-edition .canvas-hint{font-size:20px}.classroom-edition .canvas-hint em{font-size:17px}.classroom-edition .story-copy h2,.classroom-edition .people h2{font-size:37px;line-height:1.16}.classroom-edition .story-copy>p{font-size:12px;line-height:1.9}.classroom-edition .poster-families{font-size:32px;line-height:1.2}.classroom-edition .poster-families em{font-size:28px}.classroom-edition .story-quote{font-size:23px;line-height:1.5}.classroom-edition .people-list p{font-size:11px;line-height:1.9}.classroom-edition .people-list h3{font-size:26px}.people-list small{font-size:8px}.wonder-intro h2{font-size:50px;line-height:1.12}.classroom-edition .spark-card h3{font-size:29px;line-height:1.25}.classroom-edition .spark-card p:not(.eyebrow){font-size:12px;line-height:1.9}.spark-top{font-size:8px;letter-spacing:.04em}.spark-footer{font-size:8px;flex-wrap:wrap}.spark-footer button{font-size:9px}.classroom-edition .questions h2{font-size:39px;line-height:1.16}.classroom-edition .faq summary{font-size:21px;line-height:1.4}.classroom-edition .faq p{font-size:12px;line-height:1.9}.classroom-edition .hello h2{font-size:clamp(39px,11.8vw,70px);line-height:1.12;letter-spacing:-.025em}.classroom-edition .hello-base p{font-size:12px;line-height:1.9}.hello-base .button{font-size:11px;gap:20px}.classroom-edition footer .brand>span{font-size:21px}.atlas-dialog-header{gap:10px}.atlas-dialog-header>span{font-size:8px;max-width:140px}.atlas-dialog-header button{font-size:9px;max-width:115px;padding:6px 8px;line-height:1.6}.classroom-edition .atlas-dialog-header{font-size:8px}dialog h2{font-size:30px;line-height:1.2}form label{font-size:11px}#toast{font-size:11px;line-height:1.8}}