:root{--navy:#163952;--blue:#076bad;--pink:#b93268;--green:#316f45;--paper:#fff9e9;--yellow:#ffdb52}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:linear-gradient(180deg,#e8f8fc 0%,#fcf9e9 25%,#fff9e9 60%,#eef5dc 100%);color:var(--navy);font:17px/1.65 'Avenir Next',Avenir,'Segoe UI',sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #bd2c65;outline-offset:6px}.wrap{width:min(1320px,100%);padding-left:clamp(22px,5vw,72px);padding-right:clamp(22px,5vw,72px);margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:115px}.brand{display:inline-flex;flex-direction:column;text-decoration:none;line-height:1.1;white-space:nowrap}.brand span{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-size:27px;font-weight:900;letter-spacing:-1px}.brand b:first-child{color:var(--blue)}.brand b:last-child{color:var(--pink)}.brand em{font-style:normal;color:var(--green)}.brand small{letter-spacing:5px;font-size:11px;font-weight:900;margin:8px 0 0 3px}nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:750}nav a{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--yellow);color:#173752;border:2px solid #d7a91f;border-radius:50px;padding:14px 24px;text-decoration:none;font-weight:850;font-size:16px;box-shadow:0 4px 0 #c29a31;transition:transform .2s,background .2s}.button:hover{background:#ffe67b;transform:translateY(-2px)}.button.small{font-size:13px;padding:10px 17px}h1,h2,h3{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;line-height:1.12;letter-spacing:-1.5px;margin:0 0 22px}h1{font-size:clamp(38px,4.2vw,60px)}h2{font-size:clamp(32px,3.4vw,46px)}h3{font-size:27px;letter-spacing:-.8px}h1 span,h2 span{color:var(--blue)}p{margin:0 0 20px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:850;color:var(--green);margin-bottom:18px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center;padding-top:38px;padding-bottom:90px}.hero-art{text-align:center;min-width:0}.hero-art h1{margin-bottom:0}.hero-art>img{display:block;width:118%;max-width:none;margin:-10px -9% -10px;height:auto;object-fit:contain}.age{font-size:13px;font-weight:800;display:inline-block;background:#fffdf6b0;border-radius:30px;padding:7px 16px}.explanation{padding-left:10px}.explanation h2{font-size:clamp(34px,3.2vw,46px)}.lead{font-size:21px;line-height:1.5}.explanation ol{list-style:none;counter-reset:steps;padding:0;margin:25px 0}.explanation li{position:relative;padding:0 0 17px 48px;counter-increment:steps;line-height:1.5;font-size:15px}.explanation li:before{content:counter(steps);position:absolute;left:0;top:1px;width:31px;height:31px;border-radius:50%;background:#ffdc60;text-align:center;font-weight:900;line-height:31px}.explanation li:nth-child(2):before{background:#d7edff}.explanation li:nth-child(3):before{background:#f9d9e7}.explanation li b,.explanation li span{display:block}.tiny{font-size:12px;line-height:1.6;opacity:.8;margin-top:17px}.section-head{text-align:center;margin-bottom:44px}.section-head p:last-child{margin:auto;max-width:600px}.books{padding-top:35px;padding-bottom:65px}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.book{display:grid;grid-template-columns:.8fr 1fr;gap:25px;align-items:center}.cover{display:block;transition:transform .2s;transform:rotate(-3deg)}.book:nth-child(2) .cover{transform:rotate(3deg)}.cover:hover{transform:rotate(0)}.cover img{display:block;width:100%;height:auto;box-shadow:8px 12px 20px #31463b30;border-radius:3px}.book p{font-size:15px}.book .button{font-size:14px;padding:12px 17px;gap:10px}.tag{display:inline-block;font-size:10px;font-weight:850;letter-spacing:1.4px;color:#316f45;margin:12px 0}.more{display:block;margin-top:18px;font-size:14px;font-weight:750;text-underline-offset:5px}.peek{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center;padding-top:90px;padding-bottom:90px}.peek figure{margin:0;text-align:center}.peek img{max-width:330px;width:100%;height:auto;transform:rotate(2deg);box-shadow:8px 12px 30px #15345120;border:8px solid #fff;border-radius:5px}figcaption{font-size:12px;margin-top:15px}.soon{padding-top:40px;padding-bottom:60px}.soon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.soon-grid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;filter:drop-shadow(4px 8px 7px #28473524)}.soon-grid h3{font-size:21px;margin-bottom:9px}.soon-grid p{font-size:14px}.soon-grid .tag{color:#956023}.development{margin-top:30px;font-size:15px;text-align:center}.soon>.tiny{text-align:center}.about{text-align:center;max-width:850px;padding-top:80px;padding-bottom:65px}.about p{max-width:650px;margin-left:auto;margin-right:auto}.faq{max-width:900px;padding-top:40px;padding-bottom:65px}.faq h2{text-align:center}details{padding:19px 0;border-bottom:1px solid #cad8c1}summary{cursor:pointer;font-weight:750}details p{margin:15px 0 0;font-size:16px}.closing{text-align:center;padding-top:70px;padding-bottom:100px}.closing h2{max-width:760px;margin-left:auto;margin-right:auto}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:30px;padding-bottom:40px}footer p{font-size:12px;margin:0}footer>small{font-size:11px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:10px;z-index:50}.skip:focus{top:10px}.detail{padding-top:30px;padding-bottom:100px}.detail-grid{display:grid;grid-template-columns:.8fr 1.1fr;gap:80px;align-items:start;margin-top:35px}.detail-cover{width:100%;height:auto;max-width:430px;box-shadow:8px 10px 30px #15345125}.detail h2{font-size:28px;margin-top:40px}.detail li{margin-bottom:10px}
@media(max-width:1050px){nav{gap:15px}nav .small{display:none}.hero{gap:25px}.book-grid{gap:35px}.book{display:block}.cover{max-width:220px;margin:0 auto 25px}.book>div{text-align:center}.soon-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:740px){header{min-height:95px}.brand span{font-size:23px}nav>a{display:none}nav>a:first-child{display:block;font-size:13px}.hero{grid-template-columns:1fr;padding-top:22px;padding-bottom:60px;gap:20px}.hero-art h1{font-size:41px}.hero-art>img{width:100%;margin:0}.hero-art .eyebrow{font-size:10px}.age{margin:0}.explanation{padding:15px 0 0;max-width:480px;margin:auto}.explanation h2{font-size:36px}.explanation h2 br{display:none}.lead{font-size:19px}.book-grid{grid-template-columns:1fr;gap:55px}.book{display:grid;grid-template-columns:.75fr 1fr;gap:22px}.book>div{text-align:left}.cover{margin:0}.book h3{font-size:24px}.book p{font-size:14px}.peek{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:60px}.peek figure{max-width:330px;margin:auto}.soon-grid{grid-template-columns:repeat(2,1fr);gap:25px 20px}.soon-grid h3{font-size:20px}.soon-grid p{font-size:13px}.about{padding-top:40px}.closing{padding-top:35px;padding-bottom:60px}footer{flex-wrap:wrap}footer>small{width:100%}.detail-grid{grid-template-columns:1fr;gap:35px}.detail-cover{max-width:270px;margin:auto}.detail h1{font-size:40px}}
@media(max-width:390px){.book{grid-template-columns:1fr}.cover{max-width:210px;margin:auto}.book>div{text-align:center}.hero-art h1{font-size:35px}.soon-grid h3{font-size:18px}.brand span{font-size:21px}.explanation h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.cover{transition:none}}

/* Match the birthday cover display to the brighter series palette. */
.soon-grid img[src$="birthday.jpg"]{filter:brightness(1.07) contrast(1.12) saturate(1.3)}

.story-intro{font-size:17px;line-height:1.6;margin:18px 0 25px}.book-choice{font-size:15px;line-height:1.6}.book-choice strong{color:#285d87}@media(max-width:740px){.story-intro{font-size:16px}}

.guides{padding-top:40px;padding-bottom:60px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.guide-card{background:#ffffff80;border:1px solid #d5dfcc;border-radius:22px;padding:28px}.guide-card h3{font-size:26px}.guide-card h3 a{text-decoration:none}.guide-card p{font-size:16px}.reading{max-width:1000px;padding-top:40px;padding-bottom:90px}.reading h1{margin-top:28px;max-width:820px}.reading article>h2{font-size:29px;margin-top:38px}.reading article{max-width:760px}.reading>.button{margin-top:30px}.book-extra{max-width:780px;margin:70px auto 0}.sample{margin:30px 0;text-align:center}.sample img{max-width:400px;width:100%;height:auto;box-shadow:4px 8px 25px #15345120}.reading p a,.book-extra p a{text-underline-offset:4px}.reading .guide-grid{margin-top:40px}@media(max-width:740px){.guide-grid{grid-template-columns:1fr}.guide-card{padding:24px}.reading h1{font-size:36px}nav>a[href="/storytime/"]{display:block;font-size:13px}nav{gap:12px}.reading{padding-top:20px}}

/* V13: preserve the series design; add the real-page preview. */
.preview-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.choice-actions{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.choice-panel h2{margin-top:0}.outcome{max-width:720px;margin:30px auto;padding:25px;border-radius:24px;background:#ffffff70;scroll-margin-top:24px}.outcome[hidden]{display:none}.outcome:focus{outline:3px solid var(--blue);outline-offset:5px}.outcome .sample img{max-width:440px}.soon-grid h3 a{text-decoration:none}.soon-grid h3 a:hover{text-decoration:underline}.soon-grid>a{display:block}footer{flex-wrap:wrap}#choice-status{margin-top:20px;font-weight:700}@media(max-width:740px){.preview-grid{grid-template-columns:1fr;gap:15px}.choice-panel{padding-bottom:25px}.choice-actions .button{width:100%}.choice-actions{align-items:stretch}.outcome{padding:18px}}

/* V15: make the real story sample visible at the start of the homepage. */
.hero-try{position:relative;z-index:1;margin:24px auto 8px}.hero-try .button{font-size:18px;padding:16px 28px}.hero-try p{font-size:14px;line-height:1.5;margin:14px 0 0}.hero-art .hero-try+img{margin-top:0}
@media(max-width:1050px){nav .nav-try{display:inline-flex}}
@media(max-width:740px){header:has(.nav-try){flex-wrap:wrap;justify-content:center;gap:16px;padding-top:20px;padding-bottom:12px}nav:has(.nav-try){justify-content:center;flex-wrap:wrap}nav:has(.nav-try)>a{display:none}nav:has(.nav-try)>.nav-try{display:inline-flex;font-size:14px;padding:10px 18px}.hero-try{margin-top:20px}.hero-try .button{max-width:100%}}

/* V16: a bright storybook setting; original hero artwork stays untouched. */
.storybook-home{background:linear-gradient(180deg,#76d7fa 0px,#abeaff 650px,#eafaff 1100px,#fffdf5 1700px,#fff8e3 2600px,#e7f6d3 3900px,#d0edac 100%);overflow-x:clip}
.storybook-home header{position:relative;z-index:2}
.storybook-home .hero{position:relative;isolation:isolate}
.storybook-home .hero:before{content:"";position:absolute;pointer-events:none;z-index:-1;left:50%;transform:translateX(-50%);top:-115px;width:100vw;height:850px;background:radial-gradient(ellipse 105px 40px at 6% 26%,#ffffffd9 98%,transparent 100%),radial-gradient(ellipse 65px 52px at 9% 23%,#ffffffd9 98%,transparent 100%),radial-gradient(ellipse 120px 38px at 89% 14%,#ffffffc9 98%,transparent 100%),radial-gradient(ellipse 66px 52px at 86% 11%,#ffffffc9 98%,transparent 100%),radial-gradient(circle 65px at 65% 5%,#ffe27a 98%,transparent 100%)}
.storybook-home .hero h1{color:#143951;text-shadow:0 2px 0 #ffffff7a}
.storybook-home .explanation{padding:30px;border:2px solid #ffffffd9;border-radius:34px 42px 34px 16px;background:#fffffff0;box-shadow:0 14px 38px #17609215}
.storybook-home .button{background:#ffd347;border-color:#dfaa17;box-shadow:0 4px 0 #bb861b,0 9px 18px #75580b12}
.storybook-home .button:hover{background:#ffe477}
.storybook-home .hero-try .button,.storybook-home .nav-try{background:#bf2867;border-color:#a31f57;color:#fff;box-shadow:0 4px 0 #891d4a,0 8px 20px #9c226423}
.storybook-home .hero-try .button:hover,.storybook-home .nav-try:hover{background:#a91f59}
.storybook-home .hero-try p{color:#163952;font-weight:650}
.storybook-home .age{background:#fff;border:1px solid #fff;box-shadow:0 4px 16px #126b9b13}
.storybook-home .books{position:relative;padding-top:50px}
.storybook-home .book-grid{gap:28px}
.storybook-home .book{background:#fff;padding:28px;border-radius:30px;border:2px solid #c9eafa;box-shadow:0 12px 28px #2454710c;gap:22px}
.storybook-home .book:nth-child(2){border-color:#f5c9da}
.storybook-home .section-head h2{color:#096aa6}
.storybook-home .peek{position:relative}
.storybook-home .peek figure{padding:24px;background:#fff;border-radius:44% 44% 28px 28px;box-shadow:0 12px 35px #21658c10}
.storybook-home .peek img{transform:rotate(2deg)}
.storybook-home .soon-grid article{background:#ffffffd9;border:2px solid #fff;border-radius:24px;padding:20px;box-shadow:0 8px 22px #305a3a0b}
.storybook-home .soon-grid article:nth-child(2){background:#effbdc}
.storybook-home .soon-grid article:nth-child(3){background:#fff0f6}
.storybook-home .soon-grid article:nth-child(4){background:#e7f7ff}
.storybook-home .tag{background:#e9f7d9;padding:5px 10px;border-radius:20px;color:#285732}
.storybook-home .soon-grid .tag{background:#fff0bf;color:#74500c}
.storybook-home .faq details{background:#ffffffd9;border:1px solid #d3e9c3;border-radius:16px;padding:19px 22px;margin-bottom:12px}
.storybook-home .guide-card{background:#fff;border:2px solid #c3e1a3;box-shadow:0 8px 24px #2857330a}
.storybook-home .guide-card:nth-child(2){border-color:#f0c2d4}
.storybook-home .closing{position:relative;isolation:isolate;padding-bottom:120px}
.storybook-home .closing:before{content:"";position:absolute;z-index:-1;pointer-events:none;bottom:0;left:50%;transform:translateX(-50%);width:100vw;height:160px;background:radial-gradient(ellipse 75% 100% at 0% 110%,#a5d976 98%,transparent 100%),radial-gradient(ellipse 80% 95% at 100% 120%,#b5e38a 98%,transparent 100%)}
.storybook-home footer{position:relative;background:#ffffffa6;border-radius:30px 30px 0 0}
@media(max-width:1050px){.storybook-home .explanation{padding:25px}.storybook-home .book{padding:25px}}
@media(max-width:740px){.storybook-home{background:linear-gradient(180deg,#76d7fa 0px,#b4edff 750px,#edfbff 1450px,#fffdf5 2200px,#fff8e3 3500px,#e7f6d3 5500px,#d0edac 100%)}.storybook-home .hero:before{height:600px;opacity:.8}.storybook-home .explanation{padding:24px 20px;border-radius:28px}.storybook-home .book{padding:24px 18px;gap:18px}.storybook-home .soon-grid{gap:18px 12px}.storybook-home .soon-grid article{padding:13px 11px;border-radius:20px}.storybook-home .soon-grid h3{font-size:18px}.storybook-home .peek figure{padding:20px}.storybook-home .closing{padding-bottom:95px}}

/* V17: YouTube discovery and an episode-ready Watch page. */
.watch-banner{padding-top:15px;padding-bottom:35px}.watch-banner-card{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:30px;padding:34px;background:#fff3fa;border:2px solid #f3bdd6;border-radius:32px;box-shadow:0 10px 30px #a2255b0b}.watch-banner-card h2{font-size:34px}.watch-banner-card p:last-child{margin-bottom:0}.watch-banner-actions{text-align:center}.watch-page{background:linear-gradient(#8edfff,#eafaff 650px,#fff9e9 1200px,#def0c5)}.watch-main{padding-top:35px;padding-bottom:75px}.watch-intro{text-align:center;max-width:780px;margin:0 auto 38px}.watch-stage{max-width:960px;margin:auto;padding:45px;border:3px solid #fff;border-radius:36px;background:#fff;box-shadow:0 14px 35px #164c6e13;text-align:center}.watch-stage p{max-width:600px;margin-left:auto;margin-right:auto}.watch-stage [hidden]{display:none}.watch-stage .tag{background:#fff0bc;border-radius:24px;padding:6px 15px}.watch-book{display:grid;grid-template-columns:220px 1fr;gap:45px;align-items:center;max-width:850px;margin:70px auto 0}.watch-book img{width:100%;height:auto;box-shadow:6px 9px 24px #16395222;border-radius:4px}#episode-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:18px;margin-top:20px}.watch-nav{font-weight:850;color:#a31f57}nav{flex-wrap:wrap}
@media(max-width:740px){nav>a.watch-nav,nav:has(.nav-try)>a.watch-nav{display:block;font-size:14px}.watch-banner-card{grid-template-columns:1fr;padding:25px;gap:22px}.watch-banner-actions{text-align:left}.watch-banner-card h2{font-size:29px}.watch-stage{padding:26px 18px}.watch-stage h2{font-size:30px}.watch-book{grid-template-columns:1fr;gap:25px;margin-top:45px}.watch-book>a{max-width:200px;margin:auto}.watch-book>div{text-align:center}.watch-intro h1{font-size:42px}}

/* V19: illustrated Watch feature, larger controls, and matching episode poster. */
nav>a.watch-nav{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 20px;background:#086aa8;color:white;border:2px solid #fff;border-radius:30px;box-shadow:0 4px 0 #084d79;font-size:16px;font-weight:850;white-space:nowrap}
nav>a.watch-nav:hover{background:#075482}.watch-banner{padding-top:22px;padding-bottom:55px;scroll-margin-top:25px}.watch-banner-card{grid-template-columns:1.2fr 1fr;padding:0;gap:0;overflow:hidden;background:linear-gradient(125deg,#fff 20%,#e9f8ff);border:3px solid white;border-radius:32px;box-shadow:0 16px 40px #16395219}.watch-poster,.watch-page-poster{position:relative;display:block;overflow:hidden;background:#95d7f4}.watch-poster{height:100%;min-height:350px;text-decoration:none}.watch-poster img,.watch-page-poster img{display:block;width:100%;height:100%;object-fit:cover}.watch-poster img{object-position:48% center}.poster-label{position:absolute;top:20px;left:20px;right:20px;width:fit-content;max-width:calc(100% - 40px);background:#ffde65;color:#163952;padding:8px 14px;border-radius:30px;font-size:11px;font-weight:850;letter-spacing:1px;box-shadow:0 3px 12px #16395219}.poster-link{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;gap:10px;background:#fffef6f2;padding:12px 18px;border-radius:16px;color:#16455e;font-weight:850;font-size:16px}.watch-banner-copy{padding:36px}.watch-banner-copy h2{font-size:clamp(29px,3vw,40px)}.watch-banner-actions{text-align:left}.watch-button{background:#086aa8;color:white;border-color:#075482;box-shadow:0 4px 0 #06466f;font-size:18px;padding:16px 26px;gap:12px;min-height:58px}.watch-button:hover{background:#075482}.watch-banner-actions .more{color:#145b82}.watch-stage{padding:0;overflow:hidden;background:#fffdf5;border:4px solid white}.watch-page-poster{aspect-ratio:16/7}.watch-page-poster img{object-position:center}.watch-stage #watch-coming,.watch-stage #watch-ready{padding:32px 30px 36px}.watch-stage .tag{background:#e4f3d2}.watch-stage h2{color:#086aa8}.watch-stage button:focus-visible{outline:3px solid #086aa8;outline-offset:5px}
@media(max-width:1050px){.watch-banner-card{grid-template-columns:1fr}.watch-poster{height:auto;min-height:0;aspect-ratio:16/8}.watch-banner-copy{padding:30px}.watch-banner-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.watch-banner-actions .more{margin-top:0}}
@media(max-width:740px){nav>a.watch-nav,nav:has(.nav-try)>a.watch-nav{display:inline-flex;font-size:16px;padding:10px 17px}header{flex-wrap:wrap;justify-content:center;padding-top:20px;padding-bottom:18px;gap:18px}header nav{justify-content:center}.watch-banner-card{border-radius:24px}.watch-banner-copy{padding:26px 22px}.watch-poster{aspect-ratio:16/10}.watch-poster img{object-fit:cover}.poster-label{top:12px;left:12px;right:12px;font-size:9px;padding:6px 10px;max-width:calc(100% - 24px)}.poster-link{bottom:12px;left:12px;right:12px;font-size:13px;padding:9px 12px}.watch-button{font-size:16px;padding:14px 20px;width:100%}.watch-banner-actions{display:block}.watch-banner-actions .more{margin-top:22px}.watch-page-poster{aspect-ratio:16/10}.watch-stage #watch-coming,.watch-stage #watch-ready{padding:26px 18px}.watch-stage h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Expanded story previews */
.soon-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.story-preview{aspect-ratio:4/5;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:24px;background:linear-gradient(145deg,#dbf5ff,#a9dfff);color:#12396b;box-shadow:0 12px 24px #17376518}.story-preview span{font-size:64px;line-height:1}.story-preview strong{font-size:28px;line-height:1.15}.story-preview small{font-size:11px;letter-spacing:1px}.story-preview.midnight{background:linear-gradient(145deg,#173966,#4264a8);color:#ffe398}.story-preview.dig{background:linear-gradient(145deg,#fff4bd,#ffd568)}.story-preview.tea{background:linear-gradient(145deg,#eee5ff,#cfbbef)}.story-preview.party{background:linear-gradient(145deg,#dcfae7,#9ee4c4)}.story-preview.love{background:linear-gradient(145deg,#fff0e7,#ffc9bc)}

/* V26: eight coming-soon cards, four across on desktop. */
.soon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.soon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.soon-grid{grid-template-columns:minmax(0,1fr)}}