@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght,SOFT,WONK@9..144,600,40,1;9..144,700,40,1&display=swap');
:root{--blue:#203779;--blue-dark:#162957;--yellow:#ffcf42;--cream:#faf5e9;--ink:#172b4b;--muted:#66738b;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:var(--cream)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:1rem;top:-5rem;background:white;padding:1rem;z-index:10}.skip:focus{top:1rem}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,88px);background:#fff;position:relative;z-index:2}.brand img{width:166px;height:auto}.site-header nav{display:flex;align-items:center;gap:clamp(20px,3vw,44px);font-size:.9rem;font-weight:800}.site-header nav>a:not(.nav-cta):hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{background:var(--blue);color:white;padding:13px 20px;border-radius:50px}.nav-cta:hover{background:var(--blue-dark)}.hero{position:relative;min-height:680px;background:var(--blue);color:white;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:4vw;align-items:center;padding:55px clamp(22px,5vw,88px) 92px;overflow:hidden}.hero:before{content:'';position:absolute;width:600px;height:600px;border:1px solid #ffffff25;border-radius:50%;right:-220px;top:-250px;box-shadow:0 0 0 90px #ffffff08,0 0 0 180px #ffffff06}.hero-content,.hero-art{position:relative;z-index:1}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;font-weight:800}.eyebrow{display:flex;align-items:center;gap:13px;color:#dfe8ff}.eyebrow-line{width:38px;height:2px;background:var(--yellow)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(5.7rem,11vw,11.5rem);line-height:.81;letter-spacing:-.095em;margin:50px 0 32px;font-weight:800}.hero h1 span,.hero h1 strong{display:inline-block}.hero h1 strong{color:var(--yellow);font-weight:800}.hero h1 small{display:block;font-size:clamp(2.1rem,4.1vw,4.8rem);letter-spacing:-.055em;line-height:1.1;margin-top:16px}.hero-lead{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.4rem,2vw,2rem);line-height:1.3;max-width:580px;margin-bottom:16px}.hero-description{max-width:550px;color:#dce4f9;line-height:1.65;font-size:1rem}.hero-actions,.choice-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 23px;border-radius:50px;font-weight:800;font-size:.9rem;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-yellow{background:var(--yellow);color:var(--blue-dark)}.button-yellow:hover{background:#ffe080}.text-link{font-weight:800;font-size:.9rem}.hero-art{display:flex;justify-content:center;align-items:center}.hero-art-frame{background:#fff;border:12px solid #fff;border-radius:25px;box-shadow:0 32px 80px #081a4c65;transform:rotate(3deg);width:min(100%,640px);overflow:hidden}.hero-art-frame img{width:100%;aspect-ratio:1.62;object-fit:cover}.art-stamp{position:absolute;bottom:-35px;left:-20px;width:128px;height:128px;border-radius:50%;background:var(--yellow);color:var(--blue);font-family:'Fraunces',Georgia,serif;font-size:1.05rem;line-height:1.05;font-weight:700;display:grid;place-content:center;text-align:center;transform:rotate(-12deg);box-shadow:0 15px 35px #081a4c55}.hero-bottom{position:absolute;bottom:30px;left:clamp(22px,5vw,88px);right:clamp(22px,5vw,88px);display:flex;justify-content:space-between;align-items:center;color:#bac8ea;font-size:.75rem;text-transform:uppercase;letter-spacing:.17em}.hero-bottom span:last-child{font-size:2rem;color:var(--yellow)}.intro{display:grid;grid-template-columns:1.15fr .7fr;gap:8vw;align-items:end;padding:100px clamp(22px,5vw,88px) 75px;max-width:1600px;margin:auto}.section-kicker{color:#7180a2;margin-bottom:20px}.intro h2,.choice h2{font-size:clamp(3.2rem,6vw,6rem);letter-spacing:-.075em;line-height:.98;margin-bottom:0}.intro h2 em,.choice h2 em{font-family:'Fraunces',Georgia,serif;font-weight:600;color:#e0a706;letter-spacing:-.055em}.intro>p{line-height:1.8;color:#56647c;font-size:1.06rem;max-width:430px}.books-section{padding:40px clamp(22px,5vw,88px) 110px;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #d7d8d1;padding-bottom:25px;margin-bottom:35px}.section-heading h2{font-size:clamp(3.4rem,6vw,6.3rem);letter-spacing:-.07em;line-height:.9;margin:0}.heading-spark{font-size:.48em;color:#e5b52c;vertical-align:top}.book-count{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#647087}.books-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.book-card{background:white;border-radius:var(--radius);overflow:hidden;box-shadow:0 13px 30px #1c356012;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.book-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #1c356025}.book-image{height:330px;background:#e8ecf6;display:grid;place-items:center;padding:32px;overflow:hidden}.book-card:nth-child(2) .book-image{background:#e8f1ed}.book-card:nth-child(3) .book-image{background:#f7e9da}.book-image img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 14px 18px #1c2d4a35)}.book-info{padding:28px 28px 32px;display:flex;flex-direction:column;flex:1}.book-number{color:#7c88a0;font-size:.72rem;letter-spacing:.15em;font-weight:800}.book-info h3{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.55rem,2vw,2rem);line-height:1.15;margin:14px 0 25px;min-height:2.3em}.code-row{display:flex;align-items:center;gap:6px;background:#f3f5f8;padding:6px;border-radius:10px;margin-top:auto;max-width:100%}.code-row code{font-size:.69rem;word-break:break-all;padding:7px;flex:1;color:#3c4c65}.code-row button{border:0;border-radius:7px;padding:9px 10px;background:#e0e8f5;color:var(--blue);font-size:.68rem;font-weight:800;cursor:pointer}.code-row button:hover{background:#cbd9ee}.book-info>a{border-top:1px solid #e3e5e7;margin-top:22px;padding-top:19px;display:flex;justify-content:space-between;font-weight:800;color:var(--blue)}.book-info>a:hover{text-decoration:underline;text-underline-offset:4px}.pre-school{padding-top:15px}.choice{background:var(--blue-dark);color:white;display:grid;grid-template-columns:.75fr 1fr;min-height:560px;overflow:hidden}.choice-art{position:relative;background:#244898;display:grid;place-items:center;overflow:hidden}.choice-art span:first-child{font-size:23rem;line-height:1;color:var(--yellow);transform:rotate(12deg)}.choice-art span:nth-child(2){position:absolute;font-size:29rem;color:#ffffff25;top:-145px;left:-130px}.choice-art span:last-child{position:absolute;font-size:11rem;color:#67c6b2;bottom:-95px;right:-25px}.choice-content{padding:85px clamp(28px,6vw,110px);max-width:850px}.choice .section-kicker{color:#aebde4}.choice h2{font-size:clamp(3rem,5vw,5.4rem)}.choice h2 em{color:var(--yellow)}.choice-content>p:not(.section-kicker){line-height:1.75;color:#d6def2;max-width:610px;margin-top:30px}.button-outline{border:1px solid #bccbeb;color:white}.button-outline:hover{background:#ffffff1a}.footer{padding:60px clamp(22px,5vw,88px) 25px;background:#fff}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:24px}.footer-top{align-items:center;padding-bottom:60px}.footer-top img{width:180px}.footer-top p{text-align:right;font-family:'Fraunces',Georgia,serif;font-size:1.5rem;line-height:1.2;margin:0}.footer-bottom{border-top:1px solid #ddd;padding-top:22px;color:#68758b;font-size:.8rem}.footer-bottom a:hover{text-decoration:underline}@media(max-width:1100px){.hero{grid-template-columns:1fr;gap:50px}.hero h1{font-size:clamp(5.5rem,15vw,9rem)}.hero-art-frame{width:min(80%,700px)}.books-grid{gap:16px}.book-image{height:270px;padding:20px}.book-info{padding:22px}.code-row{display:block}.code-row button{width:100%}}@media(max-width:700px){.site-header{height:auto;min-height:78px;gap:12px}.brand img{width:132px}.site-header nav{gap:12px;font-size:.75rem}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{padding:10px 12px}.hero{padding-top:65px;padding-bottom:90px}.hero h1{font-size:clamp(4.6rem,17vw,7rem);margin:36px 0 28px}.hero h1 small{font-size:clamp(2rem,8vw,3.3rem)}.hero-art-frame{width:90%}.art-stamp{width:90px;height:90px;font-size:.8rem;left:0;bottom:-25px}.hero-bottom span:nth-child(2){display:none}.intro{display:block;padding-top:72px;padding-bottom:35px}.intro>p{margin-top:30px}.books-section{padding-bottom:75px}.section-heading h2{font-size:3.6rem}.books-grid{grid-template-columns:1fr;gap:22px}.book-image{height:300px}.book-info h3{min-height:0}.code-row{display:flex}.code-row button{width:auto}.choice{grid-template-columns:1fr}.choice-art{min-height:190px}.choice-art span:first-child{font-size:12rem}.choice-art span:nth-child(2){font-size:17rem;top:-85px}.choice-content{padding:55px 24px 75px}.footer-top{display:block}.footer-top p{text-align:left;margin-top:30px}.footer-bottom{display:block}.footer-bottom a{display:block;margin-top:10px}}@media(max-width:390px){.hero-actions{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:3rem}.code-row{display:block}.code-row button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.book-card{transition:none}}

.book-meta{font-size:.76rem;margin:12px 0 2px;color:#7a5d81;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.book-info h3{margin-top:10px}



:root{--blue:#29298f;--blue-dark:#222178;--yellow:#ffd334;--cream:#fffaf0;--ink:#103c50}.playful{font-family:'Nunito',Arial,sans-serif;background:#fff9ed}.playful .site-header{background:#fffaf0}.playful .hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;min-height:650px;padding:0;background:#fffaf0;color:var(--ink);overflow:hidden}.playful .hero:before{display:none}.playful .hero-content{min-height:650px;padding:72px clamp(30px,5vw,90px) 100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 12% 16%,#f7b229 0 3px,transparent 4px),radial-gradient(circle at 75% 15%,#ed2d87 0 5px,transparent 6px),radial-gradient(circle at 35% 77%,#48bdb7 0 6px,transparent 7px),radial-gradient(circle at 83% 72%,#5347b9 0 3px,transparent 4px),#fffaf0}.playful .eyebrow{color:#253884;font-size:.83rem;letter-spacing:.2em}.playful .eyebrow:before{content:'✦';color:#f4b61c;font-size:1.7rem}.playful .hero h1{font-family:'Nunito',Arial,sans-serif;font-weight:900;font-size:clamp(4.1rem,6.5vw,8rem);letter-spacing:-.1em;line-height:.88;margin:30px 0 22px;white-space:nowrap}.playful .hero h1 span{color:#ed2d87;text-shadow:3px 3px 0 #fff,6px 6px 0 #2e378b}.playful .hero h1 strong{color:#f8c933;text-shadow:3px 3px 0 #fff,6px 6px 0 #2e378b}.playful .hero h1 small{font-size:clamp(1.9rem,3.4vw,3.3rem);color:#064457;letter-spacing:-.045em;text-shadow:none;margin-top:21px}.playful .hero-lead{font-family:'Nunito',Arial,sans-serif;font-weight:900;font-size:clamp(1.25rem,1.7vw,1.65rem);color:#1c3d54;line-height:1.25;margin-bottom:14px}.playful .hero-description{font-size:1rem;color:#425869;line-height:1.55;max-width:420px}.playful .hero-actions{margin-top:24px;margin-bottom:36px}.playful .button-yellow{background:#2d2e96;color:white;box-shadow:0 6px 0 #111e65;border:3px solid #fff;padding:14px 20px}.playful .button-yellow:hover{background:#e52c81;box-shadow:0 6px 0 #9d195a}.playful .hero-art{align-self:stretch;min-height:650px;display:grid;place-items:center;padding:75px 5% 85px;background:radial-gradient(circle at 92% 11%,#e92b82 0 10%,transparent 10.2%),radial-gradient(circle at 95% 97%,#ff8b2b 0 14%,transparent 14.2%),radial-gradient(circle at 10% 4%,#48beb6 0 15%,transparent 15.2%),radial-gradient(circle at 31% 24%,#fff8 0 1px,transparent 2px),radial-gradient(circle at 66% 68%,#fff8 0 1px,transparent 2px),#2a2c9c;background-size:auto,auto,auto,22px 22px,27px 27px,auto}.playful .hero-covers{width:100%;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:0;transform:rotate(-1deg);filter:drop-shadow(0 18px 15px #080b4c66)}.playful .hero-covers img{width:100%;height:170px;object-fit:cover;border:4px solid white;border-radius:10px;box-shadow:0 8px 18px #080b4c65;grid-column:span 2}.playful .hero-covers img:nth-child(1){transform:rotate(-5deg) translate(12px,17px)}.playful .hero-covers img:nth-child(2){transform:rotate(3deg) translateY(-15px)}.playful .hero-covers img:nth-child(3){transform:rotate(-2deg) translate(-8px,11px)}.playful .hero-covers img:nth-child(4){transform:rotate(3deg) translate(10px,-5px)}.playful .hero-covers img:nth-child(5){transform:rotate(-4deg) translateY(16px)}.playful .hero-covers img:nth-child(6){transform:rotate(4deg) translate(-10px,-12px)}.playful .burst{position:absolute;color:#ffe343;font-size:4rem;z-index:2}.playful .burst-one{left:4%;bottom:5%}.playful .burst-two{right:5%;top:15%;font-size:3rem;color:#7ce2d4}.playful .crayons{position:absolute;bottom:28px;left:8%;display:flex;transform:rotate(-16deg)}.playful .crayons i{width:18px;height:95px;display:block;margin-right:8px;border-radius:4px 4px 0 0;background:#f67727;box-shadow:inset 0 7px #ffad69,0 4px #bd4312}.playful .crayons i:nth-child(2){background:#2c3da3;transform:translateY(9px);box-shadow:inset 0 7px #6b82e4,0 4px #1c2c7b}.playful .crayons i:nth-child(3){background:#27b59f;transform:translateY(-6px);box-shadow:inset 0 7px #93dcd1,0 4px #148c7d}.playful .crayons i:nth-child(4){background:#ed2f83;transform:translateY(3px);box-shadow:inset 0 7px #ff91be,0 4px #b22066}.playful .blocks{position:absolute;bottom:38px;right:7%;display:flex;gap:3px;align-items:end}.playful .blocks span{width:42px;height:42px;background:#51c4b6;color:white;display:grid;place-items:center;border-radius:5px;font-weight:900;font-size:1.45rem;box-shadow:0 4px 0 #329383;transform:rotate(-5deg)}.playful .blocks span:nth-child(2){background:#ffc127;box-shadow:0 4px 0 #d49408;transform:translateY(10px) rotate(7deg)}.playful .blocks span:nth-child(3){background:#ec3287;box-shadow:0 4px 0 #a6195a;transform:rotate(-3deg)}.playful .intro{position:relative}.playful .intro:after{content:'✳';position:absolute;right:3%;top:15%;font-size:4rem;color:#42b9b4;transform:rotate(18deg)}.playful .intro h2 em,.playful .choice h2 em{color:#eb2e83}.playful .section-heading h2{color:#243887}.playful .section-heading .heading-spark{color:#ed3586}.playful .book-image{background:#f7e7f1}.playful .book-card:nth-child(2) .book-image{background:#e2f6f0}.playful .book-card:nth-child(3) .book-image{background:#fff0d3}.playful .book-card{border:3px solid white;border-radius:34px;box-shadow:0 10px 0 #273b8818,0 17px 28px #243e6122}.playful .book-card:hover{transform:translateY(-5px) rotate(-.5deg)}.playful .book-info h3{font-family:'Nunito',Arial,sans-serif;font-weight:900;letter-spacing:-.04em}.playful .book-meta{color:#bf2871}.playful .choice{background:#2b2f99}.playful .choice-art{background:radial-gradient(circle at 25% 20%,#ffe24c 0 2%,transparent 2.2%),radial-gradient(circle at 80% 75%,#ec3185 0 4%,transparent 4.2%),#48bdb3}.playful .choice-art span:first-child{color:#fffdf0}.playful .choice h2 em{color:#ffe04a}.playful .choice .button-yellow{background:#ffe04a;color:#243580;box-shadow:0 6px 0 #caa117}.playful .footer{background:#fffaf0}.playful .book-meta{font-size:.76rem;margin:12px 0 2px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.playful .book-info h3{margin-top:10px}@media(max-width:1100px){.playful .hero{grid-template-columns:1fr}.playful .hero-content{min-height:530px;padding-bottom:125px}.playful .hero-art{min-height:440px;padding:50px 12%}.playful .hero h1{font-size:clamp(5rem,14vw,9rem)}.playful .hero-covers img{height:145px}}@media(max-width:700px){.playful .hero-content{min-height:560px;padding:55px 25px 125px}.playful .hero-actions{margin-bottom:0}.playful .hero h1{font-size:clamp(4.3rem,16vw,6.3rem);white-space:normal}.playful .hero h1 small{font-size:2rem}.playful .hero-art{min-height:380px;padding:45px 7%}.playful .hero-covers img{height:125px;border-width:3px}.playful .burst{font-size:2.4rem}.playful .crayons{left:8%;bottom:15px;transform:rotate(-16deg) scale(.7);transform-origin:bottom left}.playful .blocks{bottom:28px;right:6%;transform:scale(.8);transform-origin:bottom right}.playful .intro:after{font-size:2rem;right:6%;top:5%}}@media(max-width:430px){.playful .hero-art{min-height:310px;padding:25px 5%}.playful .hero-covers img{height:100px}.playful .hero h1{font-size:4.25rem}.playful .hero-content{min-height:560px}}

/* Keep every cover visible while the image panels retain equal heights. */
.playful .hero-art{padding:55px 1.5% 65px}
.playful .hero-covers{width:100%;gap:6px;align-items:center}
.playful .hero-covers img{width:100%;height:190px;max-width:none;object-fit:contain;object-position:center;background:#fff}
.playful .hero-covers img:nth-child(6){width:84%;height:250px;justify-self:center}
.playful .book-image{height:330px;padding:20px}
.playful .book-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
@media(max-width:1100px){
  .playful .hero-art{min-height:520px;padding:45px 5%}
  .playful .hero-covers img{height:180px}
  .playful .hero-covers img:nth-child(6){height:235px}
  .playful .book-image{height:290px}
}
@media(max-width:700px){
  .playful .hero-art{min-height:610px;padding:40px 6%}
  .playful .hero-covers{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .playful .hero-covers img{height:140px}
  .playful .hero-covers img:nth-child(6){width:100%;height:205px}
  .playful .book-image{height:320px;padding:18px}
}
@media(max-width:430px){
  .playful .hero-art{min-height:570px;padding:32px 5%}
  .playful .hero-covers img{height:120px}
  .playful .hero-covers img:nth-child(6){height:190px}
  .playful .book-image{height:300px;padding:16px}
}

/* A fixed image viewport prevents portrait covers from expanding the grid track. */
.playful .book-image{position:relative;display:block;padding:0}
.playful .book-image img{position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 40px);min-width:0;min-height:0;object-fit:contain}
@media(max-width:700px){.playful .book-image img{inset:18px;width:calc(100% - 36px);height:calc(100% - 36px)}}
@media(max-width:430px){.playful .book-image img{inset:16px;width:calc(100% - 32px);height:calc(100% - 32px)}}
@media(min-width:701px) and (max-width:900px){.playful .books-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Five approved books: centered hero collage and readable fourth-cover descriptions. */
.playful .hero-covers img:nth-child(4){grid-column:2 / span 2}
.playful .hero-covers img:nth-child(5){grid-column:4 / span 2;width:84%;height:250px;justify-self:center}
.playful .creche-section .books-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-inline:auto}
.playful .book-info h3{margin-bottom:12px;min-height:0}
.playful .book-description{color:#465567;font-size:.94rem;line-height:1.55;margin:0 0 24px}
@media(max-width:1100px){.playful .hero-covers img:nth-child(5){height:235px}}
@media(max-width:700px){
  .playful .hero-covers img:nth-child(4){grid-column:span 2}
  .playful .hero-covers img:nth-child(5){grid-column:2 / span 2;width:100%;height:205px}
  .playful .creche-section .books-grid{grid-template-columns:1fr}
}
@media(max-width:430px){.playful .hero-covers img:nth-child(5){height:190px}}

/* Author credits sit quietly between each title and its fourth-cover summary. */
.playful .book-info h3{margin-bottom:4px}
.playful .book-author{font-family:'Nunito',Arial,sans-serif;font-weight:300;font-size:.88rem;line-height:1.35;color:#657184;margin:0 0 16px}

/* Editorial synopses stay available without stretching every card by default. */
.playful .book-description{margin-bottom:10px}
.playful .book-synopsis{margin:0 0 22px}
.playful .book-synopsis summary{display:inline-flex;align-items:center;gap:9px;cursor:pointer;color:#29298f;font-size:.85rem;font-weight:900;list-style:none}
.playful .book-synopsis summary::-webkit-details-marker{display:none}
.playful .book-synopsis summary::after{content:'+';font-size:1.25rem;line-height:1}
.playful .book-synopsis[open] summary::after{content:'−'}
.playful .book-synopsis summary:hover{text-decoration:underline;text-underline-offset:3px}
.playful .book-synopsis summary:focus-visible{outline:3px solid #29298f;outline-offset:4px;border-radius:3px}
.playful .synopsis-more{color:#465567;font-size:.94rem;line-height:1.55;padding-top:12px}
.playful .synopsis-more p{margin:0 0 12px}
.playful .synopsis-more p:last-child{margin-bottom:0}
.playful .code-row{padding:13px 14px}
.playful .code-row code{font-size:.77rem}
/* Solid color and broad shapes keep attention on the five covers. */
.playful .hero-art{background:radial-gradient(circle at 92% 11%,#e92b82 0 10%,transparent 10.2%),radial-gradient(circle at 95% 97%,#ff8b2b 0 14%,transparent 14.2%),radial-gradient(circle at 10% 4%,#48beb6 0 15%,transparent 15.2%),#2a2c9c;background-size:auto}

/* Acervo é a unidade de escolha do PNLD. */
.playful .book-acervo{align-self:flex-start;margin:16px 0 4px;padding:9px 16px;border-radius:999px;background:#ffe04a;color:#253580;font:900 .88rem/1.2 Nunito,Arial,sans-serif;letter-spacing:.02em;box-shadow:0 4px 0 #dfad25}
.playful .book-info h3{margin-top:12px}
@media(max-width:700px){.playful .book-acervo{margin-top:14px}}