@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito+Sans:wght@400;600;700;800&display=swap');
:root{--cream:#fff8ea;--grape:#49318b;--ink:#2d2850;--muted:#595579;--teal:#20c6b7;--coral:#ff7066;--yellow:#fec84b;--blue:#6379f4;--line:#ddd9ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:400 18px/1.55 "Nunito Sans",sans-serif}img{display:block;max-width:100%}a{color:inherit}.wrap{width:min(1120px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:white;padding:12px 18px;border-radius:12px}a:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}
h1,h2,h3{font-family:Fredoka,sans-serif;color:var(--grape);line-height:1.08}h1{font-size:clamp(3.2rem,5.8vw,5.7rem);letter-spacing:-.035em}h2{font-size:clamp(2.3rem,4vw,3.8rem);letter-spacing:-.025em}h3{font-size:clamp(1.45rem,2.2vw,1.9rem)}p{margin-top:0}
.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo{width:215px}.navlinks{display:flex;align-items:center;gap:30px;color:var(--grape);font-size:.94rem;font-weight:800}.navlinks a{text-decoration:none}.navlinks a:hover,.navlinks a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border-radius:999px;background:var(--blue);color:white!important;text-decoration:none!important;font-weight:800}
.hub-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;padding:38px 0 60px}.hub-hero h1{max-width:720px;margin:0 0 25px}.hub-hero p{font-size:1.2rem;max-width:680px}.buddies{display:flex;align-items:end;justify-content:center;gap:12px;padding:20px}.buddy{position:relative;display:grid;place-items:center;width:150px;height:170px;border-radius:48% 52% 43% 57%;font:700 2.5rem Fredoka;color:var(--grape);box-shadow:inset -8px -9px 0 rgba(0,0,0,.05)}.buddy:first-child{background:var(--teal);transform:rotate(-9deg)}.buddy:last-child{background:var(--coral);width:130px;height:145px;transform:rotate(8deg)}.buddy:after{content:"";position:absolute;left:31%;right:31%;bottom:-8px;height:18px;border-radius:50%;background:rgba(73,49,139,.11);z-index:-1}.book{position:absolute;bottom:20px;width:76px;height:55px;background:#ffe295;border-radius:7px;transform:rotate(-9deg);border:3px solid #fff}.buddy:first-child .face{transform:translateY(-28px)}
.guide-list{padding:10px 0 75px}.guide{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:30px;margin:16px 0;padding:28px 32px;border-radius:24px}.guide:nth-child(1){background:#dcf9f6}.guide:nth-child(2){background:#ffece5}.guide:nth-child(3){background:#e9eaff}.guide-art{width:116px;height:116px;border-radius:28px;display:grid;place-items:center;font:700 3rem Fredoka;color:var(--grape);background:rgba(255,255,255,.7);transform:rotate(-6deg)}.guide h2{font-size:clamp(1.7rem,2.6vw,2.4rem);margin:0 0 8px}.guide p{font-size:1rem;margin:0 0 11px;max-width:620px}.audience{font-size:.78rem;font-weight:800;color:var(--grape)}.read{white-space:nowrap;text-decoration:none;font-weight:800;color:var(--grape)}.read:hover{text-decoration:underline;text-underline-offset:5px}
.standards{background:#fff4d6;padding:78px 0 85px}.standards h2{margin:0 0 16px}.standards-intro{max-width:740px}.standards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.standard{border-top:2px solid #e6d5a4;padding-top:18px}.standard h3{font-size:1.35rem;margin:0 0 8px}.standard p{font-size:.94rem;color:var(--muted)}
footer{padding:30px 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer img{width:170px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;color:var(--grape);font-size:.85rem;font-weight:800}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}
.crumb{font-size:.9rem;font-weight:800;color:var(--grape);margin:33px 0}.crumb a{text-underline-offset:4px}.article{max-width:780px;margin:0 auto;padding:0 0 95px}.article h1{font-size:clamp(2.8rem,5vw,4.8rem);margin:0 0 20px}.dek{font-size:1.25rem;color:var(--muted);margin-bottom:30px}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.82rem;font-weight:800;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:25px 0 35px}.article h2{font-size:2rem;margin:42px 0 12px}.article p,.article li{line-height:1.7}.article li{margin:7px 0}.article ul,.article ol{padding-left:26px}.article .example{background:#e8f8f6;border-left:5px solid var(--teal);border-radius:0 14px 14px 0;padding:22px 26px;margin:28px 0}.article .example p:last-child{margin-bottom:0}.note{background:#fff4d6;border-radius:16px;padding:20px 24px;font-size:.92rem;margin-top:48px}.more{background:#e9eaff;padding:60px 0}.more h2{font-size:2.4rem}.more-links{display:flex;gap:12px;flex-wrap:wrap}.more-links a{display:block;background:white;padding:16px 20px;border-radius:14px;font-weight:800;text-decoration:none}.more-links a:hover{text-decoration:underline}
@media(max-width:800px){.navlinks a:not(.pill){display:none}.hub-hero{grid-template-columns:1fr;text-align:center}.hub-hero h1,.hub-hero p{margin-left:auto;margin-right:auto}.buddies{padding:0 0 20px}.guide{grid-template-columns:100px 1fr;gap:18px}.guide-art{width:94px;height:94px}.read{grid-column:2}.standards-grid{gap:16px}}
@media(max-width:600px){body{font-size:16px}.wrap{width:min(100% - 30px,1120px)}.nav{height:72px}.logo{width:155px}.pill{font-size:.77rem;padding:8px 15px;min-height:42px}.hub-hero{padding:36px 0 40px}.hub-hero p{font-size:1.05rem}.buddy{width:110px;height:130px}.buddy:last-child{width:95px;height:112px}.guide{grid-template-columns:1fr;padding:25px;gap:10px}.guide-art{width:80px;height:80px;font-size:2.3rem}.read{grid-column:1}.standards{padding:65px 0}.standards-grid{grid-template-columns:1fr}.footer{flex-direction:column;text-align:center}.footer-links{justify-content:center}.article{padding-bottom:70px}.article h2{font-size:1.75rem}.more-links{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}