:root{--ink:#181936;--purple:#835bfa;--muted:#646884;--line:#e8e9fa}body{background:#e8edff;padding:36px 0;color:var(--ink)}.site-shell{max-width:1440px;width:calc(100% - 100px);margin:auto;border-radius:34px;background:#f6faff;overflow:hidden;box-shadow:0 12px 45px #727adc14}.container{width:calc(100% - 120px);max-width:1320px}.header{background:transparent;border:0}.header-inner{height:86px;gap:22px}.brand{font-size:36px;letter-spacing:-1.8px;color:#39228b;white-space:nowrap;gap:5px}.pencil-logo{width:49px;height:61px;display:block}.pencil-logo svg{width:100%;height:100%;stroke:none}.desktop-nav{gap:20px;margin:auto;font-size:14px;font-weight:700}.desktop-nav a{padding:7px 12px}.desktop-nav .active{background:#e9e7ff;border-radius:14px}.header-search{color:var(--purple);padding:0}.header-search svg{width:24px;height:24px;stroke-width:2.3}.favorites-button{font-size:32px;line-height:1;color:var(--purple);padding:0}.language{font-size:14px;font-weight:800;color:var(--purple);padding:3px 12px;border:1px solid #e9e8fd;border-radius:12px}.hero{grid-template-columns:1.15fr 1fr;position:relative;min-height:326px;gap:0;padding-top:10px;padding-bottom:22px}.hero-copy{position:relative;z-index:1;width:116%}.hero h1{font-size:clamp(30px,3.35vw,47px);letter-spacing:-1.5px;line-height:1.06;margin:0 0 10px;font-weight:800}.hero h1 span{margin:0;color:#8664f4}.hero-copy>p{font-size:16px;line-height:1.45;margin:0 0 18px}.hero-copy>p small{font-size:14px}.hero-art{aspect-ratio:1.3;width:114%;margin-left:-2%;background:transparent;align-self:center;border-radius:0}.hero-art>img{width:100%;height:auto;border-radius:0;mix-blend-mode:multiply}.search-form{max-width:590px;border:0;border-radius:17px;box-shadow:0 5px 17px #747cb221;padding:0 0 0 16px;height:50px;gap:12px}.search-form svg{color:var(--purple)}.search-form input{font-size:14px}.search-form button{align-self:stretch;border-radius:15px;padding:10px 30px;font-size:16px;background:linear-gradient(#9979ff,#7851f1);box-shadow:inset 0 0 0 2px #ffffff30}.suggestions{gap:6px;flex-wrap:wrap;max-width:610px;margin-top:14px}.suggestions button{border:0;border-radius:20px;background:white;padding:3px 9px;font-size:11px;color:#5b5c73;box-shadow:0 2px 6px #9d9bc808}.hero-notes{gap:7px;margin-top:12px;font-size:11px;flex-wrap:nowrap}.hero-notes>span{display:flex;align-items:center;gap:7px;background:#e9e7ff;border-radius:12px;padding:5px 9px;white-space:nowrap;color:#4f4872}.hero-notes b{font-size:25px;color:#8a65fb;font-weight:500;line-height:1}.topics.section{padding-top:6px;padding-bottom:30px}.topics .section-title{margin-bottom:13px;align-items:center}.topics h2{font-size:25px;letter-spacing:-.7px}.topics .section-title p{font-size:12px;margin-top:3px}.text-link{color:#8660f6}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.topic{position:relative;min-height:132px;border:0;border-radius:17px;display:flex;align-items:stretch;text-align:left;padding:15px 17px;overflow:hidden;box-shadow:none}.topic-copy{position:relative;z-index:1;width:53%;display:flex;flex-direction:column;align-items:flex-start}.topic strong{font-size:20px;font-weight:800;line-height:1.2;letter-spacing:-.6px}.topic small{font-size:12px;line-height:1.5;color:#6f7190;margin-top:5px;max-width:160px}.topic-arrow{display:grid;place-items:center;background:white;color:var(--purple);width:31px;height:31px;border-radius:50%;box-shadow:0 3px 8px #7974a622;font-size:23px;margin-top:auto}.topic-art{position:absolute;right:-5px;bottom:-8px;width:54%;height:145px;object-fit:contain;mix-blend-mode:multiply;margin:0}.topic:nth-child(1){background:#fff0e2}.topic:nth-child(2){background:#e2f2ff}.topic:nth-child(3){background:#e5f3e2}.topic:nth-child(4){background:#e9e5ff}.topic:nth-child(5){background:#e5f3e5}.topic:nth-child(6){background:#ffe7ed}.topic:nth-child(6) .topic-copy{width:58%}.topic:nth-child(6) strong{font-size:18px}.section{padding-top:30px}.age-section{background:#eeeaff}.coloring-card{background:white}.card-picture{background:white}.learning-grid .learn-card{border:1px solid #ffffff}.closing{margin-top:20px}footer{background:#f2f5ff}.footer-main .brand{font-size:28px}.footer-main .pencil-logo{width:35px;height:44px}.mobile-nav{justify-content:center}.mobile-nav a{font-size:13px}
@media(min-width:1500px){.hero{min-height:380px}.hero h1{font-size:49px}.topic{min-height:160px}.topic-art{height:175px}.topic strong{font-size:23px}.topic small{font-size:14px}.hero-notes{font-size:13px}.suggestions button{font-size:13px}}
@media(max-width:1150px){body{padding:24px 0}.site-shell{width:calc(100% - 48px)}.container{width:calc(100% - 64px)}.brand{font-size:29px}.desktop-nav{gap:5px}.desktop-nav a{padding:7px 9px;font-size:12px}.header-inner{gap:15px}.hero h1{font-size:35px}.hero-copy>p{font-size:14px}.hero-copy>p small{font-size:12px}.hero-notes{font-size:10px;gap:5px}.hero-notes>span{padding:5px 7px;gap:3px}.hero-notes b{font-size:21px}.suggestions button{font-size:10px;padding:3px 7px}.topic strong{font-size:18px}.topic:nth-child(6) strong{font-size:17px}.topic-art{width:52%;height:135px}.topic small{font-size:11px}.topic{padding:14px}.hero-art{width:117%}}
@media(max-width:850px){.desktop-nav{gap:0}.desktop-nav a{padding:7px 6px;font-size:11px}.header-inner{gap:12px}.brand{font-size:26px}.pencil-logo{width:36px;height:48px}.hero h1{font-size:30px}.hero-copy{width:118%}.hero-notes{flex-wrap:wrap}.topic-grid{gap:10px}.topic strong{font-size:17px}.topic:nth-child(6) strong{font-size:16px}.topic small{font-size:11px}.topic-art{width:49%;right:-9px}.topic-copy{width:62%}.topic{min-height:147px}}
@media(max-width:760px){body{padding:12px 0}.site-shell{width:calc(100% - 20px);border-radius:25px}.container{width:calc(100% - 36px)}.header-inner{height:76px;gap:16px}.desktop-nav{display:none}.header-search{margin-left:auto}.language{display:none}.favorites-button{font-size:28px}.hero{grid-template-columns:1fr;padding-top:14px;gap:0}.hero-copy{width:100%}.hero h1{font-size:clamp(29px,5.5vw,39px);line-height:1.1;letter-spacing:-1px}.hero h1 br{display:none}.hero-copy>p{font-size:14px;margin-top:14px}.hero-copy>p small{font-size:12px}.search-form{margin-top:20px;height:49px}.search-form input{font-size:12px}.search-form button{font-size:14px;padding:10px 20px}.suggestions{gap:5px}.suggestions button{font-size:11px}.hero-notes{gap:6px}.hero-notes>span{font-size:10px;padding:6px}.hero-art{width:100%;max-width:450px;aspect-ratio:auto;margin:8px auto 0}.hero-art>img{border-radius:0}.topics.section{padding-top:0}.topics h2{font-size:24px}.topics .section-title p{font-size:12px;max-width:260px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic{min-height:170px;padding:13px}.topic-copy{width:100%;height:100%;min-height:145px}.topic strong{font-size:17px;max-width:130px}.topic small{font-size:11px;max-width:110px}.topic-art{height:100px;width:65%;bottom:-5px;right:-9px;opacity:.94}.topic-arrow{margin-top:auto;width:27px;height:27px;font-size:20px}.topic:nth-child(6) .topic-copy{width:100%}.topic:nth-child(6) strong{font-size:16px;max-width:100px}.topic:nth-child(6) small{max-width:100px}.topics .section-title{gap:8px}.topics .text-link{font-size:11px}.footer-main .brand{font-size:26px}}
@media(max-width:370px){.header-inner{gap:12px}.brand{font-size:23px}.pencil-logo{width:31px}.container{width:calc(100% - 28px)}.hero h1{font-size:28px}.hero-notes{gap:5px}.hero-notes>span{font-size:9px}.topic strong{font-size:15px}.topic:nth-child(6) strong{font-size:15px}.topic small{font-size:10px;max-width:95px}}
@media print{body{padding:0;background:white}}
.hero-art>img{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.topic-art{transform:scale(1.18);transform-origin:bottom right}@media(min-width:761px){.hero-art{width:105%;margin-left:5%}.hero-copy{width:112%}}

/* Age cards: illustrated horizontal tiles matching the supplied reference. */
.age-section{background:transparent;border:0;margin:12px 0 24px;padding:18px 0 22px}.age-section>.container{background:#ffffffb8;border-radius:23px;padding:19px 20px 20px;width:calc(100% - 80px);max-width:1360px}.age-section .section-title{margin-bottom:12px;align-items:center;gap:16px}.age-section h2{font-size:25px;letter-spacing:-.7px}.age-section .text-link{font-size:13px}.age-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.age-card{position:relative;display:block;text-align:left;min-height:118px;padding:17px 14px;border:0;border-radius:15px;overflow:hidden;transition:transform .18s,box-shadow .18s}.age-card:nth-child(1){background:#fff2e7}.age-card:nth-child(2){background:#fcecf6}.age-card:nth-child(3){background:#e8f6e8}.age-card:nth-child(4){background:#e2f3ff}.age-card:nth-child(5){background:#eee7fe}.age-card:nth-child(6){background:#fff0e5}.age-copy{position:relative;z-index:1;display:block;max-width:64%}.age-card strong{display:block;font-size:17px;font-weight:800;line-height:1.2;letter-spacing:-.5px;white-space:nowrap}.age-card small{display:block;font-size:12px;line-height:1.3;color:#69728f;margin-top:7px;max-width:99px}.age-character{position:absolute;right:-15px;bottom:-18px;width:64%;height:115px;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.age-card:hover{transform:translateY(-3px);box-shadow:0 7px 18px #7c69a81a}.age-card:focus-visible{outline:3px solid #9874f7;outline-offset:3px}.age-card:last-child .age-copy{max-width:100%}.age-card:last-child small{max-width:90px}.age-card:last-child .age-character{right:-21px}
@media(min-width:1500px){.age-card{min-height:128px}.age-character{height:131px;width:68%;right:-17px}.age-card strong{font-size:18px}}
@media(max-width:1200px){.age-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.age-section>.container{width:calc(100% - 40px)}.age-card{min-height:123px}.age-character{height:140px;width:58%;bottom:-21px;right:-10px}.age-card strong{font-size:18px}.age-card small{max-width:120px}.age-card:last-child .age-character{right:-10px}}
@media(max-width:760px){.age-section>.container{width:calc(100% - 24px);padding:16px 12px}.age-section h2{font-size:22px}.age-section .section-title{align-items:flex-start}.age-section .text-link{font-size:11px;text-align:right;max-width:112px;white-space:normal;padding-top:2px}.age-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.age-card{min-height:140px;padding:14px 11px}.age-card strong{font-size:16px}.age-card small{font-size:11px;max-width:86px}.age-copy{max-width:77%}.age-character{width:73%;height:118px;right:-19px;bottom:-15px}.age-card:last-child .age-character{right:-20px}.age-card:last-child small{max-width:78px}}

.age-copy{position:absolute;top:17px;left:14px;max-width:calc(100% - 28px)}.age-card small{max-width:80px}.age-card:last-child .age-character{height:98px;bottom:-14px}.age-card:nth-child(5) small{max-width:70px}@media(min-width:1500px){.age-card small{max-width:95px}.age-card:last-child .age-character{height:112px}}@media(max-width:1200px) and (min-width:761px){.age-card small{max-width:120px}.age-card:last-child .age-character{height:125px}}@media(max-width:760px){.age-copy{top:14px;left:11px}.age-card small{max-width:78px}.age-character{height:105px;bottom:-14px}.age-card:last-child .age-character{height:100px;bottom:-12px}}
@media(max-width:760px){.age-card{min-height:158px}.age-character{height:100px}.age-card small{max-width:80px}}

/* Educational catalog: two compact rows of six cards. */
.learning{display:block;padding-top:12px;padding-bottom:32px}.learning .section-title{align-items:center;margin-bottom:15px;gap:24px}.learning h2{font-size:28px;margin:0;letter-spacing:-.8px}.learning .section-title p{margin:5px 0 0;font-size:14px;line-height:1.5;color:#555d79}.learning .text-link{font-size:13px;white-space:normal;text-align:right;flex-shrink:0;max-width:270px}.education-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px 13px}.education-card{position:relative;background:#fff;border:1px solid #f1effa;border-radius:20px;padding:10px 12px 13px;box-shadow:0 6px 13px #7169b012;display:flex;flex-direction:column;min-width:0;transition:transform .18s,box-shadow .18s}.education-card:hover{transform:translateY(-3px);box-shadow:0 9px 19px #7169b020}.education-favorite{position:absolute;right:9px;top:9px;padding:5px;z-index:1;color:#9570fa;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffffdd}.education-favorite svg{width:23px;height:23px;stroke-width:2.2}.education-favorite.is-saved svg{fill:#9470f5;stroke:#8255ee}.education-picture{padding:0;display:flex;justify-content:center;align-items:center;width:100%;height:75px}.education-picture img{width:85px;height:75px;object-fit:contain}.education-card h3{font-size:14px;line-height:1.3;min-height:36px;margin:2px 0 2px;letter-spacing:-.25px;font-weight:800}.education-rating{display:flex;align-items:center;gap:5px;font-size:15px;line-height:1.4;white-space:nowrap}.education-rating>span:first-child{font-size:23px;color:#ffbf15;line-height:1}.education-rating strong{font-weight:700;color:#30375b}.education-votes{color:#8185a2;font-size:13px}.education-open{background:#ebe6ff;color:#6d55cd;border-radius:20px;width:100%;padding:6px 3px;font-size:11px;font-weight:700;line-height:1.4;margin-top:7px}.education-open:hover{background:#dfd5ff}.education-card button:focus-visible{outline:3px solid #9874f7;outline-offset:2px}
@media(min-width:1500px){.education-picture{height:82px}.education-picture img{width:94px;height:82px}.education-card h3{font-size:15px}.education-open{font-size:12px}}
@media(max-width:1100px){.education-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.learning .text-link{max-width:195px;font-size:12px}.learning h2{font-size:25px}}
@media(max-width:760px){.education-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.learning .section-title{display:block;margin-bottom:16px}.learning h2{font-size:23px}.learning .section-title p{font-size:13px;max-width:none}.learning .text-link{max-width:none;font-size:12px;text-align:left;padding:9px 0 0}.education-card{border-radius:18px;padding:10px 11px 12px}.education-card h3{font-size:13px;min-height:35px}.education-open{font-size:11px}.education-rating{font-size:14px}.education-votes{font-size:12px}.education-picture{height:78px}.education-picture img{height:78px;width:88px}}