:root{--ink:#092267;--teal:#097f9d;--pink:#ff4d8b;--yellow:#ffda45}body{background:#fff;color:var(--ink);font-family:'Trebuchet MS','Microsoft JhengHei',sans-serif}header{max-width:1440px;border:0;padding:10px 3%;gap:32px;min-height:100px}.brand{width:300px;flex-shrink:0}.brand img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}nav a{font-weight:700;color:var(--ink)}nav a.active{color:var(--teal)}#language{border-color:#d0e6ed;border-radius:25px}main{max-width:1320px;padding:0 42px}h1,h2,h3{color:var(--ink)}h1,h2,.character-series h3,.story-quote p{font-family:'Comic Sans MS','Trebuchet MS','Microsoft JhengHei',cursive}h2{font-size:34px}.storybook-hero{position:relative;isolation:isolate;min-height:430px;margin:0 calc(50% - 50vw);background:#edfaff url('assets/forest-hero-characters.webp') center center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:34px 0 50px}.hero-copy{width:44%;max-width:610px;text-align:center;padding:4px 12px}.hero-copy h1{font-size:clamp(32px,3.4vw,48px);line-height:1.13;letter-spacing:-1.3px;margin:0 0 15px}.hero-tagline{font-size:20px;font-weight:700;margin:0 0 13px}.hero-intro{font-size:16px;max-width:375px;margin:0 auto 20px;line-height:1.55}.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.button{border-radius:26px;background:var(--teal);font-size:15px;padding:11px 20px}.button.pink{background:var(--pink);box-shadow:0 4px 10px #ff4d8b20}.button.outlined{border:1.5px solid var(--pink);background:#ffffffed;color:var(--ink)}.theme-strip{position:relative;margin:-30px auto 12px;background:linear-gradient(120deg,#f6fcfe,#eafbff);border-radius:24px;display:grid;grid-template-columns:repeat(10,1fr);z-index:1;padding:15px 14px;box-shadow:0 3px 12px #085b8510;gap:4px}.theme-shortcut{background:transparent;border:0;color:var(--ink);border-radius:14px;padding:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:14px;line-height:1.25;min-height:80px}.theme-shortcut span:first-child{font-size:30px;line-height:1.3}.theme-shortcut:first-child span:first-child{color:#ff6682}.theme-shortcut:hover{background:white;box-shadow:0 3px 12px #02738c18}.section{border:0;padding:22px 0 28px}.section-head{margin-bottom:18px}.section-head>div{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap}.section-head h2{margin:0}.section-head p{font-size:14px;margin:0;color:#3d4f73}.section-head>a{color:#06529c;font-weight:bold;font-size:14px;white-space:nowrap}.shelf-shell{position:relative}.book-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 96px)/5);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c5e1eb transparent;padding:0 2px 14px}.story-card{min-width:0;scroll-snap-align:start;display:flex;flex-direction:column}.story-card .cover-wrap{aspect-ratio:0.79;padding:0;background:#f1f9fb;border-radius:9px;overflow:hidden}.story-card .cover-wrap img{object-fit:contain;filter:none;width:100%;height:100%;border-radius:9px}.story-card h3{font-size:16px;font-weight:700;line-height:1.35;margin:8px 0 7px}.age-pill{align-self:flex-start;background:#ffd2e1;color:#822044;font-size:13px;padding:0 10px;border-radius:15px;margin-top:9px}.card-description{font-size:14px;line-height:1.5;color:#3f4e6d;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px}.card-actions{display:flex;gap:7px;margin-top:auto;flex-wrap:wrap}.read-link,.amazon-link{font-size:13px;font-weight:bold;min-height:35px;padding:7px 9px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center}.read-link{color:white;background:linear-gradient(#279fc6,#087f9d)}.amazon-link{color:#14213d;background:linear-gradient(#ffe772,#ffd03b)}.shelf-arrow{position:absolute;top:32%;border:0;background:#ffffffed;color:var(--ink);border-radius:100%;height:40px;width:32px;font-size:32px;line-height:1;z-index:2;cursor:pointer;box-shadow:0 2px 8px #243b5820}.shelf-arrow.prev{left:-28px}.shelf-arrow.next{right:-28px}.illustrated-series{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.character-series{background-image:url('assets/series-art-characters.webp');background-size:300% 100%;background-position:var(--panel) center;aspect-ratio:1.35;border-radius:22px;display:flex;align-items:center;justify-content:flex-end;padding:18px 14px 18px 0;overflow:hidden}.character-series>div{width:49%;text-align:center}.character-series h3{font-size:clamp(18px,2vw,28px);line-height:1.15;margin:0 0 14px}.character-series strong{font-size:16px}.character-series p{font-size:14px;line-height:1.35;margin:15px 0}.series-button{background:var(--teal);color:white;padding:9px 13px;border-radius:24px;font-size:14px;display:inline-block}.character-series.dodo .series-button{background:var(--yellow);color:#283109}.character-series.dodo h3{color:#754018}.standalone-link{display:block;text-align:right;font-size:14px;color:var(--teal);margin:14px 0 0;font-weight:bold}.story-quote{margin:20px calc(50% - 50vw) 0;text-align:center;background:linear-gradient(100deg,#e3f7ff99,#fff9e8dd,#ecf9f4cc),url('assets/forest-hero-characters.webp') center bottom/cover;padding:45px 20px}.story-quote p{font-size:28px;line-height:1.5;margin:0 0 10px}.story-quote>span{font-size:14px;color:#275875}footer{margin-top:20px;border-color:#e5eff2;color:var(--ink)}.filters{background:#effafd;border:1px solid #e2f0f4}.tag{background:#eafbff}.detail-cover{background:#eef9fc}.page-title .eyebrow{color:var(--teal)}.page-title h1{font-size:40px}.grid{gap:34px 22px}.detail h1{font-family:'Comic Sans MS','Microsoft JhengHei',cursive}.brand:focus-visible{outline-offset:0}
@media(min-width:1500px){.storybook-hero{min-height:510px}.hero-copy h1{font-size:54px}}@media(max-width:1000px){header{gap:20px}.brand{width:250px}nav{gap:18px}.hero-copy{width:47%}.hero-copy h1{font-size:34px}.storybook-hero{min-height:385px}.hero-intro{font-size:15px}.theme-strip{gap:0;padding:15px 8px}.theme-shortcut{font-size:12px}.book-rail{grid-auto-columns:calc((100% - 54px)/4);gap:18px}.character-series{aspect-ratio:1.1}.character-series h3{font-size:22px}.character-series p{font-size:13px}.character-series>div{width:48%}.section-head>div{gap:5px}.section-head h2{font-size:30px}}@media(max-width:760px){header{padding:6px 20px;min-height:80px}.brand{width:225px}header nav{order:3;width:100%;margin:0;justify-content:center;padding-bottom:8px}.storybook-hero{min-height:380px;background-size:auto 100%}.hero-copy{width:55%;padding:10px 0}.hero-copy h1{font-size:30px}.hero-tagline{font-size:17px}.hero-intro{font-size:14px}.hero-actions{gap:8px}.hero-actions .button{font-size:13px;padding:9px 13px}.theme-strip{grid-template-columns:repeat(5,1fr);margin-top:-15px;padding:10px}.theme-shortcut{font-size:13px;min-height:70px}.theme-shortcut span:first-child{font-size:25px}main{padding:0 24px}.book-rail{grid-auto-columns:calc((100% - 36px)/3)}.illustrated-series{grid-template-columns:1fr}.character-series{aspect-ratio:1.8;min-height:260px;max-width:550px;width:100%;margin:auto;background-size:300% 100%}.character-series>div{width:47%;padding:5px 12px}.character-series h3{font-size:28px}.character-series p{font-size:15px}.section-head{gap:10px}.section-head>div{display:block}.section-head p{margin-top:7px}.story-quote p{font-size:24px}}@media(max-width:480px){.brand{width:205px}header{gap:10px}#language{max-width:112px;font-size:13px;padding:8px 10px}main{padding:0 18px}.storybook-hero{min-height:460px;display:block;background-size:auto 230px;background-position:center top;background-repeat:no-repeat;padding:220px 18px 30px;background-color:#f0faff}.hero-copy{width:100%;padding:0;max-width:none}.hero-copy h1{font-size:32px;margin-bottom:10px}.hero-copy h1 br{display:none}.hero-tagline{font-size:17px;margin-bottom:9px}.hero-intro{max-width:330px}.hero-actions .button{font-size:14px;padding:10px 14px}.theme-strip{margin-top:-8px;border-radius:18px}.theme-shortcut{font-size:12px;padding:5px 2px;min-height:75px}.section-head{align-items:flex-start}.section-head h2{font-size:27px}.section-head p{max-width:240px}.section-head>a{font-size:13px;white-space:normal;max-width:90px;text-align:right}.book-rail{grid-auto-columns:calc((100% - 16px)/2);gap:16px}.shelf-arrow.prev{left:-14px}.shelf-arrow.next{right:-14px}.story-card h3{font-size:15px}.card-description{font-size:14px}.card-actions{gap:5px}.read-link,.amazon-link{font-size:12px;min-height:36px;padding:7px}.character-series{aspect-ratio:1.3;min-height:260px}.character-series h3{font-size:25px}.character-series p{font-size:14px}.character-series>div{width:48%;padding:0}.story-quote p{font-size:22px}.detail h1{font-size:30px}.page-title h1{font-size:32px}} 
body{overflow-x:clip}@media(max-width:480px){.storybook-hero{background-size:100% auto;padding-top:calc(100vw / 3 + 22px);min-height:0;padding-bottom:32px}.hero-copy h1{font-size:29px;line-height:1.3}}
.storybook-hero,.story-quote{margin-left:calc(50% - var(--page-width,100vw) / 2);margin-right:calc(50% - var(--page-width,100vw) / 2)}

@media(min-width:761px) and (max-width:1050px){.illustrated-series{grid-template-columns:1fr}.character-series{width:100%;max-width:580px;min-height:330px;aspect-ratio:1.6;margin:auto}.character-series>div{width:46%;padding:12px}.character-series h3{font-size:28px}.character-series p{font-size:15px}}
.illustrated-series{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.character-series{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0;max-width:none;padding:0;background:#f1faff;border:1px solid #dcecf1;margin:0;overflow:hidden}.character-series.dodo{background:#fffbea}.series-illustration{display:block;width:100%;aspect-ratio:1;background:url(assets/series-art-characters.webp) var(--panel) center/300% 100% no-repeat;flex-shrink:0}.character-series>.series-card-copy{width:100%;padding:22px;text-align:left;display:flex;flex-direction:column;flex:1}.character-series h3{font-size:25px;line-height:1.2;margin:0 0 10px;min-height:2.4em}.character-series p{font-size:16px;line-height:1.55;margin:12px 0 20px}.series-button{align-self:flex-start;margin-top:auto;min-height:44px;display:inline-flex;align-items:center}.legal-links{display:flex;gap:24px;flex-wrap:wrap}.legal-links a{text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}#legal-footer{width:100%;border-top:1px solid #dcecf1;padding-top:18px}#legal-footer p{font-size:14px;margin:8px 0;color:#3d4f73}.legal-page{max-width:820px;margin:auto;padding-bottom:50px}.legal-page h1{font-size:38px}.legal-page h2{font-size:23px;margin:28px 0 10px}.legal-page p{font-size:16px;line-height:1.85}.legal-contact{padding:20px;background:#eff8fa;border-radius:14px}@media(max-width:760px){.illustrated-series{grid-template-columns:1fr}.character-series{max-width:480px;width:100%;margin:auto;aspect-ratio:auto;min-height:0}.character-series>.series-card-copy{width:100%;padding:22px}.character-series h3{min-height:0;font-size:27px}.series-illustration{aspect-ratio:1}.legal-page h1{font-size:30px}}
/* Full reference navigation and reading pages */
header{gap:18px;flex-wrap:wrap}.brand{width:240px}header #nav{display:flex;align-items:center;justify-content:center;gap:17px;flex-wrap:wrap;flex:1;font-size:14px;margin-left:auto}#nav a,#nav summary{min-height:44px;display:flex;align-items:center;font-weight:700;white-space:nowrap}#nav .club-link{background:var(--teal);color:white;padding:8px 18px;border-radius:28px}.nav-menu{position:relative}.nav-menu summary{cursor:pointer;list-style:none;gap:5px}.nav-menu summary::-webkit-details-marker{display:none}.nav-dropdown{position:absolute;top:100%;left:0;min-width:200px;background:white;padding:10px;border:1px solid #d9edf3;border-radius:14px;box-shadow:0 12px 30px #163c6d22;z-index:20}.nav-dropdown a{padding:7px 12px;border-radius:8px}.nav-dropdown a:hover{background:#eaf8fc}.info-page{padding:45px 0 65px;min-height:55vh}.info-page h1{font-size:36px}.info-intro{font-size:20px;line-height:1.9;max-width:800px}.reading-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0}.reading-steps section{background:#eff9fc;border-radius:20px;padding:25px;line-height:1.8}.step-number{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffda45;font-weight:bold}.story-quote{background:#fff url('assets/rainbow-books-banner.webp') center bottom/cover no-repeat;min-height:240px;padding:28px 40% 60px 10%;display:flex;flex-direction:column;justify-content:center}.story-quote p{font-size:27px;line-height:1.5;margin:0}.story-quote>span{display:none}
@media(max-width:1200px){header #nav{order:3;flex-basis:100%;gap:22px}#language{margin-left:auto}.story-quote p{font-size:24px}}
@media(max-width:600px){header #nav{gap:4px 17px;font-size:13px;justify-content:flex-start}.nav-dropdown{min-width:170px}.reading-steps{grid-template-columns:1fr}.story-quote{min-height:280px;background-size:auto 150px;padding:20px 20px 145px}.story-quote p{font-size:21px}.info-page h1{font-size:30px}.info-intro{font-size:17px}}
@media(min-width:601px){.story-quote{min-height:clamp(240px,30vw,440px);background-size:100% auto;padding-bottom:100px}.story-quote p{background:#ffffffa6;border-radius:18px;padding:12px}}