/* Open learning platform: a paper workbench, clear indexes, a little play. */
.site-header{gap:18px}.desktop-nav{gap:15px;font-size:.83rem}.site-header .brand small{font-size:.62rem}
main#main .platform-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;padding:65px 0 58px;border-bottom:1px solid var(--line)}
main#main .platform-hero h1{font-size:clamp(3.7rem,6.5vw,6.5rem);line-height:.98;max-width:10ch;margin:24px 0 28px}
main#main .platform-hero h1 em{font-weight:400;color:#9a452f}
main#main .platform-lede{font-size:1.08rem;line-height:1.8;color:#4c6054;max-width:43ch}
main#main .hero-free-note{font-size:.78rem;letter-spacing:.01em;margin-top:25px;color:#596951}
main#main .learning-desk{position:relative;background:#dfe8d4;min-height:475px;padding:30px 34px 70px;border:1px solid #bcc8ae;box-shadow:9px 9px 0 #e8e5da;isolation:isolate}
main#main .desk-topline{display:flex;justify-content:space-between;align-items:center;font-size:.59rem;letter-spacing:.12em;font-weight:800;border-bottom:1px solid #bdc7af;padding-bottom:17px}
main#main .desk-topline>span:last-child{font-size:1.1rem;color:#9b4930}
main#main .desk-question{font:3.7rem/.99 Georgia,serif;letter-spacing:-.055em;margin:27px 0 27px;position:relative;z-index:2}
main#main .desk-question em{font-weight:400;color:#85533a}
main#main .desk-example{display:flex;align-items:center;gap:20px;background:#fffdf3;border:1px solid #c0c6ae;padding:18px;position:relative;z-index:3;max-width:345px;transform:rotate(-2deg)}
main#main .desk-dots{display:grid;gap:1px;color:#a14730;font-size:.92rem;white-space:nowrap;line-height:1.5}
main#main .desk-example strong{font:1.75rem/1.2 Georgia,serif;display:block}.desk-example small{font-size:.61rem;color:#5a6856;white-space:nowrap}
main#main .desk-cat{position:absolute;width:165px;height:225px;object-fit:contain;right:-3px;bottom:110px;z-index:1}
main#main .desk-next{position:absolute;left:0;bottom:0;right:0;border-top:1px solid #bcc8ae;background:#e9edde;display:flex;justify-content:space-between;padding:17px 25px;font-size:.77rem;font-weight:800}
main#main .platform-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-bottom:1px solid var(--line);padding:25px 0}
main#main .platform-service{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;gap:16px;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none;align-items:start;color:var(--ink)}
main#main .platform-service:hover h3{text-decoration:underline;text-underline-offset:5px}
main#main .platform-service h3{font:1.3rem/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 8px}
main#main .platform-service p{font-size:.82rem;line-height:1.6;margin:0;color:#52644f}
main#main .service-number{font-size:.58rem;font-weight:800;letter-spacing:.08em;line-height:1.5;color:#687650;padding-top:4px;overflow-wrap:anywhere}
main#main .platform-shortcuts .platform-service{border:0;padding:7px 0;grid-template-columns:25px minmax(0,1fr) 15px;gap:10px}
main#main .platform-shortcuts .platform-service h3{font-size:1.18rem}
main#main .subject-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid #6e7a5e;gap:0 35px}
main#main .subject-directory>a{display:flex;align-items:center;gap:17px;padding:25px 0;border-bottom:1px solid var(--line);text-decoration:none;min-width:0}
main#main .subject-directory>a:hover h3{text-decoration:underline;text-underline-offset:4px}
main#main .subject-directory>a>span:last-child{margin-left:auto}
main#main .subject-symbol{display:grid;place-items:center;width:46px;height:46px;background:#e1e8d5;flex:none;font:1.65rem/1 Georgia,serif;color:#285340;border-radius:50%}
main#main .subject-directory h3{font:1.45rem/1.1 Georgia,serif;letter-spacing:-.035em;margin:0 0 5px}
main#main .subject-directory p{font-size:.7rem;line-height:1.4;margin:0;color:#5d6956}
main#main .grade-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:25px 0 35px}
main#main .grade-strip a{border:1px solid #bcc6b4;min-height:76px;padding:13px 11px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;background:#fffdf7}
main#main .grade-strip a:hover{background:#e2ead8;border-color:#687d5e}
main#main .grade-strip span{font-size:.83rem;font-weight:800;line-height:1.3}.grade-strip small{font-size:.65rem;color:#64705b}
main#main .school-workbench{display:grid;grid-template-columns:1fr 1.08fr;gap:75px;background:#e1e7d7;margin-top:70px;padding:42px 45px;border-block:1px solid #b9c5af}
main#main .school-workbench h2{font-size:3.5rem;margin:18px 0 24px}.school-workbench p{font-size:.94rem;color:#4f604d}
main#main .school-workbench .platform-service{padding:17px 0;border-color:#bdc7b3;grid-template-columns:42px minmax(0,1fr) 15px}
main#main .platform-note{display:flex;gap:30px;margin:65px 0;padding:35px 0;border-block:1px solid var(--line)}
main#main .platform-note>span{color:#a04a30;font:3rem/1 Georgia,serif}.platform-note h2{font-size:2rem;margin-bottom:12px}.platform-note p{font-size:.92rem;color:#52624f}.platform-note a{font-size:.84rem;font-weight:800}
main#main .scope-note{padding:20px 23px;background:#e9eddf;border-left:3px solid #6f815d;font-size:.86rem;line-height:1.8;margin:15px 0 30px;color:#42573f}
main#main .scope-note strong{display:inline;color:#243f31}
main#main .library-filter{display:grid;grid-template-columns:2fr 1fr 1.1fr 1.2fr;gap:13px;padding:24px 0;border-block:1px solid var(--line)}
main#main .library-filter label{display:flex;flex-direction:column;gap:7px;font-size:.7rem;font-weight:800;min-width:0}
main#main .library-filter input,main#main .library-filter select{border:1px solid #aebba6;border-radius:2px;background:#fffdf7;color:#263f30;padding:12px 11px;min-height:46px;font:inherit;font-size:.82rem;min-width:0;width:100%}
main#main .library-result-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 0 9px;font-size:.75rem}
main#main .library-result-bar button{border:0;background:transparent;color:#385c42;text-decoration:underline;text-underline-offset:3px;padding:11px 2px;min-height:44px;font:inherit;cursor:pointer}
main#main .skill-index{border-top:2px solid #65785b;margin-bottom:45px}
main#main .skill-row{display:grid;grid-template-columns:105px minmax(0,1fr) 135px;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:23px 0}
main#main .skill-row[hidden]{display:none}.skill-code{display:flex;flex-direction:column;font-size:.68rem;color:#637156;gap:5px;line-height:1.5}
main#main .skill-topic{font-size:.61rem;letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:#707c5e;margin:0 0 5px}
main#main .skill-row h3{font:1.4rem/1.18 Georgia,serif;letter-spacing:-.03em;margin:0 0 9px}
main#main .skill-row h3 a{text-decoration:none}.skill-row h3 a:hover{text-decoration:underline;text-underline-offset:4px}
main#main .skill-description>p:last-child{font-size:.83rem;line-height:1.6;color:#50624e;margin:0;max-width:65ch}
main#main .skill-row-actions{display:flex;flex-direction:column;gap:9px;align-items:stretch;font-size:.73rem;text-align:center}
main#main .skill-row-actions>a{padding:10px 6px;min-height:43px}.skill-row-actions .skill-start{border:1px solid #7c8c6a;text-decoration:none;background:#edf0e4;font-weight:800}
main#main .skill-detail-head{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:70px;padding:45px 0 40px;border-bottom:1px solid var(--line)}
main#main .skill-detail-head h1{font-size:clamp(2.7rem,5vw,4.9rem);max-width:16ch;margin:20px 0}
main#main .lesson-objective{background:#e3e9d8;border-top:3px solid #748461;padding:26px;align-self:end;font-size:.9rem}
main#main .lesson-objective p:not(.eyebrow){font:1.4rem/1.35 Georgia,serif;letter-spacing:-.03em}.lesson-objective a{font-size:.76rem;font-weight:800}
main#main .lesson-workspace{display:grid;grid-template-columns:minmax(0,760px) 230px;gap:70px;padding:40px 0 65px;align-items:start}
main#main .skill-lesson h2{font-size:2.15rem;margin:0 0 20px}.skill-lesson>p{font-size:1rem;line-height:1.9;color:#41563f}
main#main .lesson-steps{padding-left:24px;margin:25px 0 35px;line-height:1.9}.lesson-steps li{padding:4px 0 10px 7px}
main#main .worked-example{border-block:1px solid #bfc9b2;background:#e9eedf;padding:25px 28px;margin:35px 0}
main#main .worked-example h3{font:1.55rem/1.35 Georgia,serif;letter-spacing:-.03em;margin:17px 0}.worked-example p{font-size:.95rem;line-height:1.85}.worked-example .example-answer{font-size:1.35rem;font-weight:800;color:#8d412d}
main#main .teaching-tip{padding:20px 0;border-top:1px solid #c6cdbb}.teaching-tip strong{color:#2d4f37}
main#main .lesson-sidebar{border-top:2px solid #6e805c;padding-top:20px}.lesson-sidebar h2{font-size:1.6rem;margin:0 0 20px}.lesson-sidebar a{display:block;border-bottom:1px solid #c7cfbd;padding:16px 0;font-size:.82rem;line-height:1.6}.lesson-sidebar p{font-size:.83rem}
main#main .platform-tool-index{display:grid;grid-template-columns:1fr 1fr;gap:0 55px;border-top:2px solid #718360;margin-bottom:65px}.platform-tool-index .platform-service{padding:26px 0}.teacher-workflow{max-width:900px;border-top:2px solid #718360}
main#main .learning-mount,main#main .educator-mount{margin-bottom:55px;min-height:240px}
main#main .learning-loading{background:#e7eddf;border-block:1px solid #bbc8ae;padding:30px;color:#4f6549}
main#main [data-explore-tool]{background:#fffdf8;border:1px solid #b9c4ad;padding:26px;margin:10px 0 65px;min-height:360px}
main#main .explore-tabs{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid #bdc7b2;padding-bottom:18px;margin-bottom:25px}
main#main .explore-tabs button,.explore-actions button{padding:11px 15px;border:1px solid #839572;background:#edf1e4;color:#2c4b35;font:700 .79rem/1.4 Nunito,sans-serif;min-height:44px;border-radius:2px;cursor:pointer}
main#main .explore-tabs button[aria-pressed=true]{background:#2b543b;color:#fffdf8;border-color:#2b543b}
main#main .explore-controls{display:flex;flex-wrap:wrap;gap:20px;align-items:end;margin:18px 0 25px}.explore-controls label{display:flex;flex-direction:column;gap:9px;font-size:.79rem;font-weight:800;max-width:100%}.explore-controls input,.explore-controls select{border:1px solid #8d9e7d;background:#fffdf8;color:#27472f;min-height:46px;padding:10px;font:inherit;max-width:100%}
main#main .explore-panel h2{font-size:2rem;margin-bottom:15px}.explore-panel p{font-size:.91rem;color:#4b6245;line-height:1.8}
main#main .explore-model{padding:30px 20px;margin:20px 0;background:#f0f3e7;border:1px solid #d0d8c1;overflow:auto;text-align:center}
main#main .explore-dots{display:grid;gap:10px;justify-content:center}.explore-dot{display:inline-grid;place-items:center;border:2px solid #476a43;width:36px;height:36px;border-radius:50%;background:#aaca89}.explore-dot.empty{background:#fffdf8;border-style:dashed}
main#main .ten-frame-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.ten-frame{display:grid;grid-template-columns:repeat(5,42px);gap:8px;border:1px solid #a6b596;padding:12px;max-width:100%}
main#main .explore-equation{font:2.3rem/1.3 Georgia,serif;color:#8a412b;margin:22px 0 0}
main#main .fraction-track{display:flex;border:2px solid #365e3e;height:60px;margin-bottom:18px;min-width:220px}.fraction-piece{flex:1;display:grid;place-items:center;border-right:1px solid #365e3e;background:#fffdf5;font-size:.85rem}.fraction-piece:last-child{border:0}.fraction-piece.filled{background:#a8c985}
main#main .number-line{display:flex;align-items:start;min-width:550px;margin:25px 0 30px}.number-stop{flex:1;border-top:3px solid #56724b;position:relative;padding-top:13px;font-size:.72rem}.number-stop:before{content:'';position:absolute;top:-6px;left:50%;width:1px;height:13px;background:#56724b}.number-stop.active{font-weight:900;color:#9e432e}.number-stop.active:after{content:'▼';position:absolute;top:-30px;left:calc(50% - 7px);color:#9e432e;font-size:1.1rem}
main#main .place-columns{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));gap:13px;max-width:500px;margin:auto}.place-column{background:#fffdf5;border:1px solid #bdc9ac;padding:16px 8px;font-size:.79rem}.place-column strong{display:block;font:3rem/1.2 Georgia,serif;color:#85422e;margin-top:12px}
main#main .clock-face{width:230px;height:230px;border-radius:50%;border:3px solid #345b3d;position:relative;margin:0 auto;background:#fffef6}.clock-number{position:absolute;font-size:.82rem;line-height:1;transform:translate(-50%,-50%)}.clock-hand{position:absolute;bottom:50%;left:calc(50% - 2px);background:#31563a;width:4px;transform-origin:50% 100%;border-radius:4px}.clock-hand.minute{height:83px;width:2px;background:#a3452e;left:calc(50% - 1px)}.clock-hand.hour{height:59px}.clock-pivot{position:absolute;left:calc(50% - 5px);top:calc(50% - 5px);width:10px;height:10px;background:#31563a;border-radius:50%}
main#main .reading-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0}.reading-tile{width:70px;min-height:72px;border:1px solid #718660;background:#fffdf4;font:2.5rem/1.1 Georgia,serif;color:#2f5037;display:grid;place-items:center}.reading-tile.vowel{background:#f4dcc2;color:#8d3e2d}
main#main .story-step{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:15px;align-items:center;text-align:left;padding:17px 0;border-bottom:1px solid #b9c7ab;font-size:.92rem}.story-step button{min-height:44px;min-width:44px;border:1px solid #8d9e7c;background:#fffdf6;color:#2a4d35;cursor:pointer}.story-step .story-moves{display:flex;gap:5px}
main#main .explore-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.explore-status{min-height:30px;font-weight:800;font-size:.9rem;color:#305d3d}
@media(max-width:1050px){.desktop-nav{gap:10px;font-size:.74rem}main#main .platform-hero{gap:40px}main#main .learning-desk{padding-inline:25px}.desk-cat{opacity:.8}main#main .subject-directory{grid-template-columns:repeat(2,minmax(0,1fr))}main#main .grade-strip{grid-template-columns:repeat(5,minmax(0,1fr))}main#main .school-workbench{gap:35px;padding:30px}main#main .library-filter{grid-template-columns:1.6fr 1fr 1fr}main#main .library-filter label:last-child{grid-column:1/-1}main#main .lesson-workspace{gap:35px;grid-template-columns:minmax(0,1fr) 200px}}
@media(max-width:800px){main#main .platform-hero{grid-template-columns:1fr 1fr;gap:30px;padding-top:35px}main#main .platform-hero h1{font-size:4rem}main#main .learning-desk{min-height:440px;padding-inline:20px}main#main .desk-question{font-size:3.2rem}main#main .desk-example{gap:10px;padding:13px}main#main .desk-cat{width:120px;bottom:125px}main#main .desk-next{font-size:.68rem;padding-inline:15px}.desk-example small{white-space:normal}main#main .platform-shortcuts{gap:15px}main#main .platform-shortcuts .platform-service{grid-template-columns:1fr}.platform-shortcuts .service-number,.platform-shortcuts .platform-service>span:last-child{display:none}main#main .school-workbench{grid-template-columns:1fr}.school-workbench h2 br{display:none}main#main .library-filter{grid-template-columns:1fr 1fr}main#main .library-filter label:first-child{grid-column:1/-1}main#main .library-filter label:last-child{grid-column:auto}main#main .skill-row{grid-template-columns:85px minmax(0,1fr) 115px;gap:15px}main#main .skill-detail-head{grid-template-columns:minmax(0,1fr) 230px;gap:30px}main#main .lesson-workspace{grid-template-columns:1fr}.lesson-sidebar{max-width:100%}}
@media(max-width:600px){main#main .platform-hero{grid-template-columns:1fr;gap:35px;padding-top:30px}main#main .platform-hero h1{font-size:4.4rem;max-width:10ch}main#main .platform-lede{font-size:1rem}main#main .learning-desk{min-height:430px;max-width:100%;box-shadow:5px 5px 0 #e8e5da}main#main .desk-question{font-size:3.5rem}.desk-cat{opacity:1}main#main .desk-example{max-width:290px}.desk-example small{font-size:.59rem}main#main .platform-shortcuts{grid-template-columns:1fr;padding:15px 0;gap:0}main#main .platform-shortcuts .platform-service{grid-template-columns:25px minmax(0,1fr) 15px;gap:12px;padding:17px 0;border-bottom:1px solid #c7d0bd}.platform-shortcuts .service-number,.platform-shortcuts .platform-service>span:last-child{display:block}main#main .platform-shortcuts .platform-service:last-child{border:0}main#main .subject-directory{grid-template-columns:1fr}.subject-directory>a{padding-block:20px}main#main .grade-strip{grid-template-columns:repeat(3,minmax(0,1fr))}main#main .grade-strip a{min-height:73px}main#main .school-workbench{padding:25px 20px;margin-top:45px}.school-workbench h2{font-size:2.6rem!important}main#main .platform-note{gap:16px;padding:25px 0;margin:40px 0}.platform-note h2{font-size:1.75rem!important}main#main .library-filter{grid-template-columns:1fr 1fr;gap:14px 10px}main#main .library-filter label:last-child{grid-column:1/-1}main#main .skill-row{grid-template-columns:minmax(0,1fr);gap:10px;padding-block:22px}.skill-code{flex-direction:row;gap:12px}.skill-code span+span:before{content:'·';margin-right:12px}main#main .skill-row h3{font-size:1.4rem}.skill-row-actions{flex-direction:row!important;gap:13px!important;text-align:left!important;align-items:center!important}.skill-row-actions>a{flex:1;display:inline-block;text-align:center}.skill-row-actions .skill-start{max-width:140px}main#main .skill-detail-head{grid-template-columns:1fr;gap:25px;padding-top:25px}.skill-detail-head h1{font-size:3rem!important}.lesson-objective{padding:20px!important}.lesson-workspace{padding-top:30px!important}.worked-example{padding:21px 19px!important}.platform-tool-index{grid-template-columns:1fr!important}.platform-service{grid-template-columns:42px minmax(0,1fr) 15px!important;gap:12px!important}.scope-note{padding:17px 18px!important}.learning-mount{margin-top:10px}main#main [data-explore-tool]{padding:18px 13px}.explore-tabs{gap:6px!important}.explore-tabs button{font-size:.69rem!important;padding:10px!important}.explore-model{padding:25px 9px!important}.ten-frame{grid-template-columns:repeat(5,35px);gap:5px;padding:9px}.explore-dot{width:29px;height:29px}.explore-controls{gap:15px!important}.story-step{grid-template-columns:25px minmax(0,1fr)!important;gap:10px!important}.story-moves{grid-column:2}.explore-equation{font-size:2rem!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{.learning-library .library-filter,.library-result-bar,.skill-row-actions,.platform-shortcuts,.lesson-sidebar,.explore-tabs,.explore-controls,.explore-actions{display:none!important}.skill-row{break-inside:avoid;grid-template-columns:80px 1fr!important}.lesson-workspace,.skill-detail-head{display:block!important}.lesson-objective{margin:8mm 0}.skill-detail-head h1{font-size:25pt!important}.explore-panel{break-inside:avoid}.explore-model{overflow:visible!important}.platform-hero,.school-workbench{display:block!important}.learning-desk{display:none!important}a[href]:after{content:none!important}}

main#main .site-search-result{border-bottom:1px solid var(--line);padding:23px 0}main#main .site-search-result h2{font-size:1.75rem;margin:10px 0 14px}.site-search-result h2 a{text-decoration:none}.site-search-result h2 a:hover{text-decoration:underline}.site-search-result>p:last-child{font-size:.9rem;color:#4d6348}.site-search-result .eyebrow{font-size:.6rem}.library-filter>.button{align-self:end}@media(max-width:600px){.library-filter>.button{grid-column:1/-1}}

main#main .worked-example h3{white-space:pre-wrap}main#main .example-passage{font:1.1rem/1.85 Georgia,serif;white-space:pre-wrap;border-left:3px solid #738663;padding:15px 20px;margin:20px 0;background:#f6f7ef;color:#324d37}

main#main .learning-victory{position:relative;padding-right:180px;min-height:285px}main#main .learning-victory:after{content:'';position:absolute;right:22px;top:25px;width:125px;height:175px;background:url('/assets/cat-happy.png') center/contain no-repeat;pointer-events:none}@media(max-width:600px){main#main .learning-victory{padding-right:20px}main#main .learning-victory:after{width:65px;height:85px;right:15px;top:25px}main#main .learning-victory>h2{padding-right:65px}}@media print{main#main .learning-victory:after{display:none}}

/* The app's illustrated playroom: short choices, large local artwork. */
@media screen{
body{background:#fff9ed}
main#main{--ink:#34304f;--blue:#4e5b43;--cream:#fff9ed;--line:#e9e2d7;--orange:#cb4d43;--button-orange:#cb4d43}
main#main h1,main#main h2,main#main h3{font-family:Nunito,system-ui,sans-serif;font-weight:900;letter-spacing:-.035em;line-height:1.15}
main#main .button{border-radius:18px;background:#cb4d43;border-color:#cb4d43;box-shadow:0 4px 0 #a43d36;padding:15px 24px;font-size:1rem;min-height:54px}
main#main .button:hover{background:#b7433a;border-color:#b7433a;box-shadow:0 4px 0 #96372f;transform:translateY(-1px)}
main#main .button.secondary{background:white;border-color:#e6ddd0;box-shadow:0 4px 0 #e6ddd0;color:#40374d}
main#main .play-hero{display:grid;grid-template-columns:1fr 1fr;min-height:430px;margin:30px 0 36px;border:2px solid #e8e0f3;border-radius:34px;background:#f1ebff;overflow:hidden}
main#main .play-hero-copy{padding:45px 20px 45px 42px;align-self:center;z-index:2}
main#main .play-free{display:inline-block;background:#fffdf9;color:#6a5d76;border:1px solid #e5dbef;border-radius:30px;padding:7px 13px;font-size:.76rem;font-weight:900;margin:0 0 18px}
main#main .play-hero h1{font-size:clamp(2.8rem,4.7vw,4.4rem);margin:0 0 18px;color:#39334f;max-width:12ch}
main#main .play-hero h1 span{color:#ac453f}
main#main .play-tagline{font-size:1.12rem;line-height:1.5;margin:0 0 22px;color:#625a76}
main#main .play-hero .actions{margin:0;gap:14px}
main#main .play-grade-note{display:block;font-size:.74rem;font-weight:800;color:#776b84;margin-top:21px}
main#main .play-scene{position:relative;min-height:430px;background:#dceec8 url('/assets/landscape.png') center/cover;isolation:isolate}
main#main .play-cat{position:absolute;width:235px;height:290px;object-fit:contain;left:calc(50% - 117px);bottom:38px;z-index:2;filter:drop-shadow(0 9px 0 #6b936624)}
main#main .play-number{position:absolute;object-fit:contain;z-index:3;filter:drop-shadow(0 5px 0 #54803a1a)}
main#main .number-one{width:88px;height:125px;left:20px;bottom:45px;transform:rotate(-12deg)}
main#main .number-two{width:105px;height:145px;left:calc(50% - 118px);bottom:8px;transform:rotate(-8deg)}
main#main .number-three{width:110px;height:145px;right:22px;bottom:20px;transform:rotate(8deg)}
main#main .play-star{position:absolute;display:flex;align-items:center;gap:10px;right:20px;top:22px;z-index:4;background:#fffdf3;border:2px solid #fff3c6;border-radius:20px;padding:10px 14px;text-decoration:none;box-shadow:0 4px 0 #8ca46b28;color:#65512d;font-size:.76rem;font-weight:900;line-height:1.35}
main#main .play-star img{width:48px;height:48px;object-fit:contain}
main#main .section-heading{margin-top:38px;margin-bottom:20px;gap:20px}
main#main .section-heading h2{font-size:clamp(1.8rem,3vw,2.65rem)}
main#main .section-heading .eyebrow{font-size:.62rem;letter-spacing:.1em;margin-bottom:6px;color:#84718a}
main#main .subject-directory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;border:0}
main#main .subject-directory>a{position:relative;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;gap:9px;padding:21px 12px 18px;background:#f0e8ff;border:2px solid #e7dcf6;border-radius:26px;box-shadow:0 5px 0 #e7dcf6;transition:transform .15s;min-width:0}
main#main .subject-directory>a:hover{transform:translateY(-3px)}
main#main .subject-directory .subject-picture{width:94px;height:94px;object-fit:contain}
main#main .subject-directory .subject-reading{background:#ffe9d8;border-color:#f6ddca;box-shadow:0 5px 0 #f6ddca}
main#main .subject-directory .subject-science{background:#eaf4dc;border-color:#dbe9ca;box-shadow:0 5px 0 #dbe9ca}
main#main .subject-directory .subject-social-studies{background:#e6f0ff;border-color:#d7e6f8;box-shadow:0 5px 0 #d7e6f8}
main#main .subject-directory .subject-spanish{background:#fff1cc;border-color:#f4e6bc;box-shadow:0 5px 0 #f4e6bc}
main#main .subject-directory h3{font:900 1.14rem/1.2 Nunito,system-ui,sans-serif;letter-spacing:-.02em;color:#38334b;margin:0 0 5px}
main#main .subject-directory p{font-size:.73rem;color:#766987}
main#main .subject-directory>a>span:last-child{position:absolute;right:13px;top:12px;margin:0;font-size:.7rem;color:#82758d}
main#main .platform-shortcuts{border:0;gap:16px;padding:30px 0 8px}
main#main .platform-service,main#main .platform-shortcuts .platform-service{display:grid;grid-template-columns:64px minmax(0,1fr) 16px!important;align-items:center;gap:15px!important;padding:18px!important;border:2px solid #eee6d9;border-radius:23px;background:#fff;box-shadow:0 4px 0 #eee6d9;text-decoration:none;min-width:0}
main#main .service-picture{width:64px;height:64px;object-fit:contain}
main#main .platform-service h3{font:900 1.17rem/1.25 Nunito,system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 5px;color:#403650}
main#main .platform-service p{font-size:.76rem;color:#81748a;line-height:1.5}
main#main .platform-tool-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0}
main#main .grade-strip{gap:10px;margin:20px 0 35px}
main#main .grade-strip a{border:2px solid #e8e0d3;border-radius:18px;background:#fff;min-height:70px;font-weight:900;padding:13px;box-shadow:0 3px 0 #e8e0d3}
main#main .grade-strip a:hover{background:#f2ebff;border-color:#d8c5eb}
main#main .grade-strip small{font-size:.65rem;color:#93829b;font-weight:700}
main#main .platform-page-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0 22px;max-width:1050px}
main#main .platform-page-intro>.page-intro{padding:12px 0;flex:1;min-width:0}
main#main .platform-page-intro .page-buddy{width:130px;height:145px;object-fit:contain;flex:none}
main#main .platform-page-intro h1{font-size:clamp(2rem,4.2vw,3.3rem);max-width:22ch;margin:8px 0 12px}
main#main .platform-page-intro .eyebrow{font-size:.6rem;margin-bottom:7px}
main#main .platform-page-intro .lede{font-size:1rem;line-height:1.6;margin-top:12px;max-width:55ch}
main#main .scope-note{padding:13px 17px;border:1px solid #e8e1d3;background:#fffdf6;border-radius:16px;font-size:.82rem;line-height:1.6;margin-block:15px}
main#main .scope-note summary{cursor:pointer;font-weight:800;color:#7b6c85}
main#main .scope-note p{margin:10px 0 0;font-size:.82rem}
main#main .learning-library .library-filter{border:0;background:#f2ecfa;border-radius:23px;padding:22px}
main#main .library-filter input,main#main .library-filter select{border-radius:13px;border:1px solid #dacde2;background:white;min-height:48px}
main#main .skill-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;border:0;margin:20px 0 45px}
main#main .skill-row{position:relative;display:flex!important;flex-direction:column;align-items:stretch;gap:10px!important;padding:22px!important;border:2px solid #e9e0f2;border-radius:25px;background:white;box-shadow:0 4px 0 #e9e0f2;min-width:0}
main#main .skill-tile-art{display:grid;place-items:center;width:80px;height:80px;border-radius:22px;background:#f0e9fc}
main#main .subject-reading .skill-tile-art{background:#ffe9d8}main#main .subject-science .skill-tile-art{background:#eaf4dc}main#main .subject-social-studies .skill-tile-art{background:#e6f0ff}main#main .subject-spanish .skill-tile-art{background:#fff1cc}
main#main .skill-tile-art img{width:64px;height:64px;object-fit:contain}
main#main .skill-code{display:flex;flex-direction:row;gap:9px;font-size:.64rem;font-weight:800;color:#89758e}
main#main .skill-code span+span:before{content:'·';margin-right:8px}
main#main .skill-topic{font-size:.58rem;letter-spacing:.07em;color:#a08ba3;margin:0 0 7px}
main#main .skill-row h3{font:900 1.23rem/1.3 Nunito,system-ui,sans-serif;letter-spacing:-.025em;margin:0 0 10px}
main#main .skill-row h3 a{color:#3f3550;text-decoration:none}
main#main .skill-row-actions{display:flex;flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px!important;text-align:left;margin-top:auto}
main#main .skill-row-actions a{font-size:.76rem;font-weight:900;color:#8d758b;text-decoration:none;padding:10px 0}
main#main .skill-row-actions .skill-start{color:#fff;background:#cb4d43;border:0;border-radius:14px;padding:11px 19px;box-shadow:0 3px 0 #a43d36;min-width:90px;text-align:center;max-width:none}
main#main [data-explore-tool]{border:2px solid #e6dded;border-radius:28px;background:white}
main#main .explore-tabs button,.explore-actions button{border-radius:15px;background:#f3edfb;border-color:#e1d4ed;font-weight:900}
main#main .explore-tabs button[aria-pressed=true]{background:#c94c43;border-color:#c94c43}
main#main .explore-model{border-radius:24px;background:#f1f7e9;border-color:#dfebcf}
main#main .reading-tile{border-radius:17px;font-family:Nunito,system-ui,sans-serif;font-weight:900;background:#fff5cf;border-color:#e6d7ad}
main#main .grownup-shortcuts{margin:45px 0}
main#main .lesson-more{border:2px solid #e6deec;border-radius:20px;padding:17px 22px;margin:25px 0;background:#faf6ff}
main#main .lesson-more summary{font-weight:900;cursor:pointer}
main#main .lesson-more p,main#main .lesson-more li{font-size:.95rem;line-height:1.8}
}
@media screen and (max-width:1000px){main#main .subject-directory{grid-template-columns:repeat(3,minmax(0,1fr))}main#main .platform-tool-index,main#main .skill-index{grid-template-columns:repeat(2,minmax(0,1fr))}main#main .play-hero-copy{padding:32px 20px 32px 28px}main#main .play-hero h1{font-size:3.5rem}main#main .platform-shortcuts{grid-template-columns:1fr}}
@media screen and (max-width:600px){main#main .play-hero{grid-template-columns:1fr;margin:20px 0 26px;border-radius:29px}main#main .play-hero-copy{padding:28px 24px 24px}main#main .play-hero h1{font-size:2.9rem}main#main .play-free{font-size:.67rem;padding:6px 11px;margin-bottom:14px}main#main .play-tagline{font-size:.94rem;margin-bottom:18px}main#main .play-hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}main#main .play-hero .button{font-size:.8rem;padding:13px 10px;gap:8px;justify-content:center;border-radius:15px}main#main .play-grade-note{font-size:.68rem;margin-top:17px}main#main .play-scene{min-height:290px}main#main .play-cat{width:180px;height:230px;left:calc(50% - 90px);bottom:20px}main#main .play-star{top:13px;right:13px;padding:7px 10px;font-size:.64rem;border-radius:15px}main#main .play-star img{width:33px;height:33px}main#main .number-one{width:63px;height:92px;left:13px;bottom:23px}main#main .number-two{width:78px;height:105px;left:calc(50% - 95px);bottom:0}main#main .number-three{width:78px;height:105px;right:12px;bottom:4px}main#main .subject-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}main#main .subject-directory>a{border-radius:23px;padding:18px 9px 16px;gap:7px}main#main .subject-directory .subject-picture{width:76px;height:76px}main#main .subject-directory h3{font-size:1rem}main#main .subject-directory p{font-size:.66rem}main#main .platform-tool-index,main#main .skill-index{grid-template-columns:1fr}main#main .platform-page-intro{gap:12px;padding:13px 0 16px}main#main .platform-page-intro h1{font-size:2.05rem}main#main .platform-page-intro .page-buddy{width:82px;height:105px}main#main .platform-page-intro .lede{font-size:.85rem;line-height:1.6}main#main .platform-page-intro .eyebrow{font-size:.51rem}main#main .platform-service,main#main .platform-shortcuts .platform-service{grid-template-columns:54px minmax(0,1fr) 13px!important;padding:15px!important;gap:12px!important}main#main .service-picture{width:54px;height:54px}main#main .platform-service h3{font-size:1.07rem}main#main .platform-service p{font-size:.73rem}main#main .skill-row{display:grid!important;grid-template-columns:70px minmax(0,1fr);gap:7px 14px!important;padding:18px!important}main#main .skill-tile-art{width:70px;height:70px;grid-row:1/3}main#main .skill-tile-art img{width:56px;height:56px}main#main .skill-code{font-size:.6rem;gap:5px;flex-wrap:wrap}main#main .skill-code span+span:before{margin-right:5px}main#main .skill-description{grid-column:2}main#main .skill-topic{font-size:.5rem;margin-bottom:4px}main#main .skill-row h3{font-size:1.1rem;margin-bottom:5px}main#main .skill-row-actions{grid-column:1/-1;border-top:1px solid #f0e8f4;padding-top:5px;margin-top:6px}main#main .section-heading h2{font-size:1.9rem}main#main .lesson-more{padding:15px 17px}}
@media print{.play-scene,.page-buddy,.service-picture,.subject-picture,.skill-tile-art{display:none!important}.play-hero,.platform-page-intro,.skill-index{display:block!important}.skill-row{display:block!important}.lesson-more{border:0;padding:0}.lesson-more>summary{display:none}.lesson-more>*:not(summary){display:block!important}}
@media screen{main#main .educator-tool{--educator-rust:#cb4d43;--educator-ink:#3f3550;--educator-muted:#807389;--educator-rule:#e5dceb}main#main .educator-button{border-radius:15px;font-weight:900;box-shadow:0 3px 0 #a74138}main#main .educator-button.secondary,main#main .educator-button.quiet{background:white;border-color:#e4d9e8;color:#6e5c76;box-shadow:0 3px 0 #e4d9e8}main#main .educator-field input,main#main .educator-field select,main#main .educator-field textarea{border:1px solid #dfd3e5;border-radius:14px;background:white}main#main .educator-note{border:0;padding:0;color:#8d7b92;font-size:.84rem}main#main .educator-print-preview{border-radius:25px}main#main .worked-example h2{font-size:clamp(1.35rem,2.3vw,2rem);white-space:pre-wrap;line-height:1.5}main#main .lesson-icon{object-fit:contain;margin-bottom:12px}main#main .worked-example,main#main .lesson-objective{border-radius:25px;border:2px solid #e6dded;background:#fff}main#main .teacher-workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}main#main .teacher-workflow .platform-service{height:100%}}
@media screen and (min-width:601px) and (max-width:1000px){main#main .play-hero h1{font-size:2.6rem}}
@media screen and (max-width:600px){main#main .teacher-workflow{grid-template-columns:1fr}main#main .platform-page-intro:has(+.educator-mount){padding-bottom:0}main#main .educator-button{font-size:.8rem}}
@media screen and (max-width:600px){main#main .subject-directory>a:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row;text-align:left;padding:14px 24px;gap:20px}main#main .subject-directory>a:last-child:nth-child(odd) .subject-picture{width:65px;height:65px}}
@media screen{main#main .learning-progress-report a.learning-button{color:#fff}}