/* style.css */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#262a33;--purple:#7054ba;--cream:#fbf9f3;--muted:#797b80;--line:#e5e4de}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #eab95f;outline-offset:5px}.topline{height:33px;background:#eae3f5;display:flex;gap:18px;align-items:center;justify-content:center;font-size:11px;letter-spacing:.5px;color:#644b91}.topline span{color:#9474c5}header{height:98px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;gap:40px}.brand img{width:130px;height:68px;object-fit:contain}#navigation{display:flex;gap:29px;margin:auto;font-size:13px;font-weight:600}#navigation a:hover{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:20px}.search-toggle{font-size:29px;background:transparent}.parent-link{font-size:12px;border-bottom:1px solid #b4a6c8;padding:9px 0}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:44% 56%;max-width:1440px;min-height:590px;margin:auto;padding:15px 4% 35px 6%;gap:0}.hero-copy{padding:57px 20px 20px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#8ea289}h1,h2,h3{font-family:Manrope,Arial,sans-serif;margin:0;letter-spacing:normal;line-height:1.35;overflow-wrap:break-word;word-break:normal}h1{font-size:clamp(45px,4.7vw,69px);line-height:1.18;margin:24px 0}em{font-style:normal;color:var(--purple)}.hero-copy p{font-size:15px;line-height:1.9;color:#707477}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:9px;padding:17px 23px;font-size:13px;font-weight:600;transition:.2s}.primary{background:var(--purple);color:white;box-shadow:0 5px 0 #5b409314}.button:hover{transform:translateY(-3px)}.play-link{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:600;background:none}.play-link b{display:grid;place-items:center;height:34px;width:34px;border:1px solid #d4d0ca;border-radius:50%;font-size:10px}.hero-note{display:flex;gap:9px;margin-top:43px;color:#929087;font-size:11px}.hero-note span{color:#dbaa56}.hero-art{position:relative;border-radius:22px;overflow:hidden;min-height:540px;background:#c2d1b8}.hero-art>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.art-shade{position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#18362999)}.hero-sticker{position:absolute;top:22px;right:22px;background:#fff8e8;border-radius:50%;width:130px;height:130px;padding:30px 10px;text-align:center;transform:rotate(10deg);font-size:13px;line-height:1.5}.hero-sticker>span{display:block;color:#c99637;font-size:23px}.hero-caption{position:absolute;bottom:24px;left:25px;right:25px;display:flex;align-items:center;gap:15px;color:white;background:#ffffff18;border:1px solid #ffffff50;border-radius:12px;padding:15px;text-align:left;backdrop-filter:blur(10px)}.roundplay{width:39px;height:39px;border-radius:50%;background:#ffffff26;display:grid;place-items:center;font-size:12px}.hero-caption small{font-size:8px;letter-spacing:1.7px;display:block;margin-bottom:6px}.hero-caption strong{font-size:13px}.hero-caption>span:last-child{margin-left:auto}.path-strip{max-width:1260px;margin:0 auto 50px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:5px 0 28px}.path-strip>a{display:flex;align-items:center;gap:18px;padding:10px 28px;border-right:1px solid var(--line)}.path-strip>a:last-child{border:0}.path-strip>a>span:last-child{margin-left:auto;color:#888}.path-icon{display:grid;place-items:center;min-width:48px;height:48px;border-radius:14px;font-size:25px}.purple{background:#eee7fa;color:#8060b3}.peach{background:#fae8d8;color:#ce9063}.green{background:#e7eddd;color:#879776}.path-strip b{font-size:14px}.path-strip small{display:block;font-size:11px;color:#909189;margin-top:6px}.section{max-width:1260px;margin:auto;padding:35px 25px 70px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.section-head h2,h2{font-size:39px;line-height:1.3}.section-head h2{margin-top:15px}.section-head p{font-size:13px;line-height:1.9;color:#85867f;margin:0 0 5px}.filters{display:flex;align-items:center;justify-content:space-between;margin:30px 0 28px;gap:20px}.filters>div{display:flex;gap:6px}.filters button{padding:11px 19px;background:none;border-radius:25px;font-size:12px;color:#72756c;white-space:nowrap}.filters button.active{background:#e9e1f4;color:#695094;font-weight:700}.search-box{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#ffffff66;gap:10px}.search-box span{font-size:22px}.search-box input{width:225px;border:0;background:none;outline:none;font:inherit;font-size:11px}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.book-cover{height:305px;border-radius:7px 16px 16px 7px;position:relative;overflow:hidden;box-shadow:3px 6px 9px #242a3c10;border-left:6px solid #00000012;width:100%;text-align:left;transition:.3s}.book-cover:hover{transform:translateY(-6px) rotate(-1deg)}.book-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.book-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(#1c352517,transparent 35%,#162937bb)}.cover-copy{position:absolute;inset:0;padding:20px;color:white;z-index:1;display:flex;flex-direction:column;justify-content:space-between}.cover-copy small{font-size:8px;letter-spacing:2px}.cover-copy h3{font-size:27px;line-height:1.35;letter-spacing:normal}.cover-copy p{font-size:10px;margin:9px 0}.cover-badge{position:absolute;top:12px;right:12px;background:#fbf9e7;color:#53634a;border-radius:15px;font-size:8px;padding:6px 10px;z-index:2}.cover-icon{font-size:90px;text-align:center;display:block;filter:drop-shadow(0 5px 12px #142b3055)}.book-meta{display:flex;gap:7px;margin:16px 0 9px;color:#7f8c72;font-size:9px}.book h3{font-size:15px;letter-spacing:normal}.book-detail{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:11px;color:#8c8f88}.book-detail button{background:transparent;color:var(--purple);font-weight:600;font-size:11px}.library-bottom{display:flex;justify-content:space-between;margin-top:30px;gap:20px}.library-bottom>span,.character-note{font-size:10px;color:#9a9990}.text-link{font-size:12px;color:var(--purple);font-weight:600;background:none;padding:0}.featured{display:grid;grid-template-columns:1fr 1fr;max-width:1260px;margin:10px auto 60px;border-radius:22px;background:#eee8f5;overflow:hidden}.featured-art{min-height:520px;position:relative;overflow:hidden}.featured-art>img{width:100%;height:100%;position:absolute;object-fit:cover}.mini-book{position:absolute;bottom:35px;left:35px;background:#fdedb9;color:#354c36;transform:rotate(-7deg);width:180px;height:210px;padding:23px;border-left:7px solid #aabc83;border-radius:3px 12px 12px 3px;font-size:9px;box-shadow:8px 9px 20px #23302550}.mini-book strong{display:block;font:700 25px/1.2 Manrope;margin:22px 0}.mini-book span{font-size:11px}.featured-copy{padding:45px 45px}.featured-copy h2{margin:17px 0}.featured-copy>p{font-size:13px;line-height:1.8;color:#7c7887}.pills{display:flex;gap:8px;margin:20px 0}.pills span{font-size:10px;border:1px solid #cfc5de;border-radius:20px;padding:6px 11px}.episode{display:flex;gap:14px;align-items:center;border-top:1px solid #d8cede;padding:15px 0}.episode>span:first-child{font-size:12px;color:#9c8bab}.episode b{font-size:12px}.episode small{display:block;font-size:10px;color:#94899d;margin-top:4px}.episode button,.episode>span:last-child{margin-left:auto;background:transparent;font-size:11px}.muted{opacity:.65}.featured-copy .hero-actions{gap:18px;margin-top:13px}.featured-copy .text-link{font-size:10px}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.character-grid>button{background:none;text-align:center;padding:0}.character-portrait{display:flex;align-items:center;justify-content:center;height:195px;font-size:115px;border-radius:100px 100px 25px 25px;transition:.3s}.character-grid button:hover .character-portrait{transform:translateY(-5px)}.fox{background:#f2dfca}.bird{background:#dce7dd}.rabbit{background:#e9e0f1}.turtle{background:#e6e8d4}.character-grid h3{font-size:22px;letter-spacing:normal;margin-top:17px}.character-grid p{font-size:11px;color:#929087}.character-grid button>span:last-child{font-size:10px;color:var(--purple)}.character-note{text-align:center;margin-top:30px}.watch-section{padding:65px max(5%,calc((100% - 1210px)/2));background:#333943;color:#fff}.watch-section em{color:#d3c2f2}.watch-section .eyebrow{color:#bfbdc5}.light{background:#ffffff12;color:white;border:1px solid #ffffff30;font-size:11px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.video-card{background:transparent;color:white;text-align:left;padding:0}.video-thumb{height:205px;position:relative;border-radius:13px;overflow:hidden;background:#6d777c}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;background:#fffdf0e0;color:#393344;border-radius:50%;display:grid;place-items:center;font-size:13px}.video-card small{display:block;color:#bcb5cb;font-size:9px;margin-top:16px}.video-card h3{font-size:16px;letter-spacing:normal;margin-top:9px;line-height:1.5}.music-note{display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff1a;margin-top:35px;padding-top:25px}.music-note>span:first-child{font-size:35px;color:#c5b0ee}.music-note b{font-size:13px}.music-note p{font-size:11px;color:#a4a5ac}.music-note>span:last-child{margin-left:auto;color:#bbb1c8;font-size:10px}.activity{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:85px;padding-bottom:85px;align-items:center}.activity h2{font-size:44px;margin:18px 0}.activity p{font-size:14px;line-height:1.9;color:#8c8d85}.activity small{display:block;font-size:10px;color:#929388;margin-top:15px}.coloring-paper{background:white;padding:26px;transform:rotate(3deg);box-shadow:0 10px 25px #6c684215;border-radius:4px;border:1px solid #ebe6da;position:relative}.coloring-paper:before{content:'';width:110px;height:30px;background:#e9d39ba6;position:absolute;left:40%;top:-12px;transform:rotate(-6deg)}.paper-label{font-size:10px;letter-spacing:1px;font-weight:700;display:flex;justify-content:space-between}.paper-label span{font-size:8px;color:#999}.coloring-paper svg{width:100%;margin:20px 0}.paper-footer{font-size:10px;border-top:1px solid #ddd;padding-top:15px;display:flex;justify-content:space-between;color:#8c8d85}.parents{margin:0 auto 60px;max-width:1210px;text-align:center;border-radius:18px;background:#e9eddf;padding:50px 25px}.parents .eyebrow{justify-content:center;color:#89987c}.parents h2{font-size:27px;letter-spacing:-.01em;margin:20px 0}.parents p{font-size:13px;line-height:1.8;color:#7a8371}.parents>div:last-child{display:flex;gap:30px;justify-content:center;margin-top:25px;font-size:11px;color:#6c7861}footer{max-width:1260px;margin:auto;padding:0 25px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand img{width:140px;height:80px;object-fit:contain}.footer-brand p{font-size:11px;color:#8f8e86}footer>div:not(.footer-brand):not(.footer-bottom){display:flex;flex-direction:column;gap:13px;font-size:11px;color:#94928b;padding-top:15px}footer b{font-size:12px;color:#4d4e48;margin-bottom:5px}footer .text-link{text-align:left;font-size:11px;color:#94928b;font-weight:400}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 0;font-size:10px;color:#9f9d95}dialog{border:0;border-radius:18px;padding:25px;background:var(--cream);color:var(--ink);max-height:95dvh}dialog::backdrop{background:#252b3ed9;backdrop-filter:blur(6px)}#reader{width:min(1080px,96vw)}.reader-header,.modal-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.reader-header small{font-size:9px;letter-spacing:1px;color:#9b91a5}.reader-header h3{font-size:20px;letter-spacing:normal;margin-top:6px}.reader-header button,.modal-top button{width:36px;height:36px;border-radius:50%;background:#eae3f2}.spread{display:grid;grid-template-columns:1fr 1fr;min-height:420px;background:white;box-shadow:0 8px 22px #262a3315;perspective:1500px;border-radius:8px;overflow:hidden}.page{padding:35px;position:relative;min-height:420px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #d9d7ce}.page.illustration{padding:0;background:#dce5d1}.page.illustration>img{width:100%;height:100%;object-fit:cover;position:absolute}.page.illustration:after{content:'';position:absolute;inset:0;background:#1b392611}.page h4{font:700 29px/1.2 Manrope;margin:0 0 20px;letter-spacing:normal}.page p{font-size:18px;line-height:1.8;color:#6d7167}.page small{font-size:11px;color:#928198}.page .page-num{position:absolute;bottom:15px;right:20px;font-size:10px;color:#9c9d90}.page .story-animal{font-size:100px;position:relative;z-index:1;text-align:center;margin-top:auto;filter:drop-shadow(0 3px 9px #17312930)}.page.illustration .animal-caption{position:relative;z-index:1;color:white;background:#28443f8c;padding:12px 22px;text-align:center;font-size:14px;margin-top:auto}.turn{animation:pageTurn .45s ease}@keyframes pageTurn{from{opacity:.3;transform:rotateY(-14deg)}to{opacity:1;transform:rotateY(0)}}.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.reader-controls button{padding:12px 18px;background:#e7def3;color:#7054ba;border-radius:8px;font-size:12px}.reader-controls button:disabled{opacity:.35;cursor:default}.reader-controls>div{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:11px;color:#8a8492}.reader-controls input{accent-color:var(--purple);width:180px}.reader-tip{display:block;font-size:10px;color:#9c968b;text-align:center;margin-top:15px}#video-modal{width:min(850px,95vw)}#video-frame{aspect-ratio:16/9;background:#252a32;border-radius:10px;overflow:hidden}#video-frame iframe{width:100%;height:100%;border:0}#video-modal p{font-size:11px;color:#929087}#info{width:500px}#info p{font-size:14px;line-height:1.9}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero{min-height:640px}.hero-art{min-height:575px}}@media(max-width:1050px){header{gap:20px}#navigation{gap:16px;font-size:11px}.parent-link{display:none}.hero{grid-template-columns:46% 54%;padding-left:5%}.hero-copy{padding-top:40px}.hero-art{min-height:500px}.hero-sticker{width:110px;height:110px;padding-top:25px;font-size:11px}.book-grid{gap:17px}.book-cover{height:260px}.featured-copy{padding:35px 28px}.featured-copy h2{font-size:32px}.activity{gap:50px}.path-strip{margin-left:25px;margin-right:25px}.video-thumb{height:175px}}@media(max-width:760px){.topline{font-size:9px}header{height:80px;padding:0 20px;justify-content:space-between}.brand img{width:110px;height:60px}#navigation{display:none;position:absolute;top:113px;left:0;right:0;background:var(--cream);padding:25px;z-index:10;box-shadow:0 15px 20px #0001;flex-direction:column;font-size:15px}#navigation.open{display:flex}.menu-toggle{display:block;background:transparent;font-size:23px}.header-actions{gap:17px}.hero{display:flex;flex-direction:column;padding:10px 20px 25px}.hero-copy{padding:20px 0 28px}.hero .eyebrow{font-size:9px}h1{font-size:47px;line-height:1.18;margin:20px 0}.hero-copy p{font-size:14px}.hero-copy p br:last-child{display:none}.hero-actions{margin-top:22px;gap:18px}.hero-note{margin-top:23px}.hero-art{min-height:390px}.hero-caption{left:15px;right:15px;bottom:15px;padding:13px}.hero-caption strong{font-size:11px}.hero-sticker{width:100px;height:100px;top:15px;right:15px;padding-top:19px}.path-strip{grid-template-columns:1fr;margin:0 20px 20px;padding:0 0 15px}.path-strip>a{border:0;border-bottom:1px solid var(--line);padding:14px 0}.path-icon{min-width:42px;height:42px}.section{padding:30px 20px 45px}.section-head{align-items:flex-start;flex-direction:column;gap:15px}.section-head h2,h2{font-size:31px}.section-head p{font-size:12px}.filters{flex-direction:column;align-items:stretch;gap:15px}.filters>div{overflow:auto;gap:3px}.filters button{padding:10px 14px;font-size:11px}.search-box input{width:100%}.book-grid{grid-template-columns:1fr 1fr;gap:27px 17px}.book-cover{height:245px}.cover-copy{padding:15px}.cover-copy h3{font-size:23px}.cover-icon{font-size:66px}.cover-badge{font-size:7px;padding:5px 8px}.book h3{font-size:13px}.book-detail{font-size:9px}.book-detail button{font-size:10px}.library-bottom{flex-direction:column;align-items:flex-start}.featured{grid-template-columns:1fr;margin:0 20px 20px}.featured-art{min-height:330px}.mini-book{width:145px;height:175px;left:25px;bottom:25px;padding:18px}.mini-book strong{font-size:21px}.featured-copy{padding:30px 25px}.featured-copy h2{font-size:31px}.featured-copy .hero-actions{flex-wrap:wrap}.character-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.character-portrait{height:155px;font-size:88px}.character-grid h3{font-size:20px}.watch-section{padding:40px 20px}.video-grid{grid-template-columns:1fr;gap:25px}.video-thumb{height:auto;aspect-ratio:16/9}.video-card h3{font-size:15px}.music-note{gap:14px}.music-note>span:last-child{display:none}.music-note p{line-height:1.6}.activity{grid-template-columns:1fr;gap:45px;padding-top:50px}.activity h2{font-size:36px}.coloring-paper{margin:0 10px}.parents{margin:0 20px 40px;padding:35px 20px}.parents h2{font-size:25px}.parents p br{display:none}.parents>div:last-child{flex-direction:column;gap:13px}footer{grid-template-columns:1fr 1fr;gap:25px;padding:0 20px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;font-size:9px}.reader-header h3{font-size:15px}.reader-header small{font-size:7px}#reader{padding:16px}.spread{grid-template-columns:1fr;min-height:350px}.page{min-height:350px;padding:28px}.page.illustration{display:none}.page h4{font-size:26px}.page p{font-size:17px}.reader-controls{gap:8px}.reader-controls button{padding:11px;font-size:10px}.reader-controls input{width:120px}.reader-tip{font-size:8px;line-height:1.6}dialog{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* v2.css */
/* V2: larger type, generous targets, playful color, controlled motion */
:root{--purple:#7042cc;--cream:#fffdf6;--ink:#25354a;--muted:#5c6471}body{font-size:18px}.topline{height:38px;font-size:14px;background:#e8dcff;color:#59368b}.topline span{font-size:18px}header{max-width:none;height:102px;padding:0 4%;gap:25px;background:#fffdf7;position:relative;z-index:5;border-bottom:2px solid #eee4ff}.brand img{width:140px;height:84px}#navigation{font-size:17px;gap:25px}#navigation a{padding:14px 0}.header-actions{gap:18px}.parent-link{font-size:15px}.search-toggle,.menu-toggle{min-width:48px;min-height:48px}.button{font-size:18px;padding:19px 27px;min-height:58px;border-radius:18px;gap:14px;font-weight:700}.primary{background:#7042cc;box-shadow:0 5px 0 #532cab}.sunshine{background:#ffda5f;color:#403012;box-shadow:0 5px 0 #dcaa35}.light{font-size:17px}.eyebrow{font-size:14px;letter-spacing:1.2px}.section-head h2,h2{font-size:47px;letter-spacing:-.01em}.section-head p{font-size:18px;color:#556574;line-height:1.65}.section-head{margin-bottom:38px}.section{padding-top:65px;padding-bottom:70px}.hero-slider{height:calc(100svh - 140px);min-height:620px;max-height:1000px;position:relative;overflow:hidden;background:#25372f}.hero-slide{position:absolute;inset:0;overflow:hidden;animation:slideIn .6s ease}.hero-slide[hidden]{display:none}.slide-background{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 54%;animation:gentleZoom 24s ease-in-out infinite alternate}.slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,#193d34ed 0%,#234937ba 34%,#244f3610 68%)}.slide-copy{position:absolute;left:7%;top:50%;transform:translateY(-55%);z-index:2;color:white;max-width:690px}.slide-kicker{font-size:17px;font-weight:700;letter-spacing:1.5px;color:#ffe5a3}.slide-copy h1{font-size:clamp(53px,6.3vw,91px);line-height:1.18;margin:24px 0;letter-spacing:-.02em;text-shadow:0 3px 10px #21352e30}.slide-copy em{color:#ffdc75}.slide-copy p{font-size:23px;line-height:1.6;color:#ffffef}.slide-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.hero-bubble{position:absolute;right:5%;top:8%;border-radius:50%;background:#ffe2aa;color:#604425;width:155px;height:155px;display:grid;place-content:center;text-align:center;font-size:23px;font-weight:700;transform:rotate(9deg);box-shadow:0 10px 0 #dbaa6650}.hero-bubble span{font-size:25px}.slider-controls{position:absolute;bottom:30px;left:7%;display:flex;align-items:center;gap:12px;z-index:3}.slider-controls>button,.slider-dots button{width:48px;height:48px;border-radius:50%;background:#ffffff22;border:1px solid #ffffff60;color:white;font-size:20px;backdrop-filter:blur(8px)}.slider-dots{display:flex;gap:9px}.slider-dots button{font-size:16px;font-weight:700}.slider-dots button.selected{color:#48371d;background:#ffda70;border-color:#ffda70}.slider-controls #slider-auto{width:auto;padding:0 17px;border-radius:25px;font-size:14px}.scroll-hint{position:absolute;bottom:44px;right:5%;z-index:3;color:white;font-size:16px;font-weight:600}.space-slide{background:radial-gradient(ellipse at 80% 50%,#ac75dc 0%,#50379a 40%,#302a70 85%)}.space-slide .slide-copy{max-width:54%;left:6%}.space-slide .slide-copy p{font-size:22px}.space-stars{position:absolute;inset:0;color:#ffdc83;font-size:120px;word-spacing:160px;opacity:.55;padding:6%}.space-stars span{position:absolute;bottom:9%;right:12%}.slide-video-art{position:absolute;right:5%;top:20%;width:39%;transform:rotate(5deg);border-radius:30px;background:#b890ed;padding:16px;box-shadow:0 25px 0 #33205c50}.slide-video-art img{width:100%;display:block;border-radius:20px;aspect-ratio:4/3;object-fit:cover}.slide-video-art span{display:block;padding:14px;font-size:23px;font-weight:700;text-align:center;color:white}.paint-slide{background:#f5d783}.paint-slide .slide-copy{color:#443159;max-width:58%}.paint-slide .slide-kicker{color:#69429a}.paint-slide .slide-copy em{color:#7042cc}.paint-slide .slide-copy p{color:#685453}.paint-slide .slider-controls{color:#443159}.paint-dots{position:absolute;inset:0;background:radial-gradient(circle at 78% 10%,#fa8295 0 60px,transparent 61px),radial-gradient(circle at 94% 72%,#73c7ba 0 150px,transparent 151px),radial-gradient(circle at 10% 95%,#f8b051 0 120px,transparent 121px)}.slide-color-art{position:absolute;right:9%;top:12%;height:70%;width:29%;transform:rotate(8deg);padding:18px;background:white;border-radius:12px;box-shadow:15px 18px 0 #e09f7270}.slide-color-art img{width:100%;height:90%;object-fit:contain;background:white}.slide-color-art span{display:block;text-align:center;font-size:20px;font-weight:700;color:#7042cc}.motion-toolbar{display:flex;justify-content:center;align-items:center;gap:22px;background:#e7f5ef;padding:16px 20px;font-size:15px;color:#456c5f}.motion-toolbar button{font-size:14px;min-height:44px;padding:10px 15px;border-radius:23px;background:white;color:#49685f;border:1px solid #bfdcd0}.motion-toolbar #meet-now{background:#ffdc70;border-color:#ffdc70;color:#554226}.path-strip{margin-top:28px;margin-bottom:15px;padding-bottom:28px}.path-strip b{font-size:21px}.path-strip small{font-size:16px;color:#5c6b70}.path-icon{height:65px;min-width:65px;font-size:35px;border-radius:22px}.path-strip>a{gap:18px}.path-strip>a>span:last-child{font-size:25px}.filters button{font-size:17px;min-height:50px;padding:13px 21px}.filters button.active{background:#784fc4;color:white}.search-box{min-height:52px;border:2px solid #e0d4f3;border-radius:16px;background:white;padding:8px 16px}.search-box input{font-size:16px;width:285px}.book-grid{gap:25px}.book-cover{height:330px;border-radius:9px 22px 22px 9px}.cover-copy h3{font-size:31px}.cover-copy small{font-size:13px;letter-spacing:1px}.cover-copy p{font-size:15px}.cover-badge{font-size:11px;padding:8px 12px}.book-meta{font-size:15px;color:#546c42;margin-top:20px}.book h3{font-size:21px;line-height:1.35}.book-detail{font-size:14px;gap:5px;align-items:flex-start}.book-detail button{font-size:16px;min-height:44px;padding:8px 0}.library-bottom>span,.character-note{font-size:14px;line-height:1.6;color:#677579}.text-link{font-size:17px;min-height:44px;display:inline-flex;align-items:center}.featured{background:#ece0fb;border-radius:32px;margin-bottom:45px}.featured-art{min-height:650px}.featured-copy{padding:45px 38px}.featured-copy h2{font-size:43px}.featured-copy>p{font-size:18px;color:#625378;line-height:1.65}.pills span{font-size:14px;background:#ffffff77;padding:9px 13px}.episode{gap:17px;padding:18px 0}.episode b{font-size:18px}.episode small{font-size:14px;color:#71647f}.episode>span:first-child{font-size:16px}.episode button{min-width:48px;min-height:48px;font-size:23px}.episode>span:last-child{font-size:14px}.featured-copy .hero-actions{flex-wrap:wrap;gap:12px}.featured-copy .text-link{font-size:16px}.mini-book{width:220px;height:265px;font-size:14px}.mini-book strong{font-size:33px}.mini-book span{font-size:16px}.character-section{background:#fff9e7;max-width:none;padding-left:max(5%,calc((100% - 1210px)/2));padding-right:max(5%,calc((100% - 1210px)/2));border-radius:45px 45px 0 0}.character-grid{gap:25px}.character-portrait{height:240px;position:relative;overflow:hidden;border-radius:100px 100px 32px 32px;display:block}.character-portrait img{position:absolute;height:100%;width:400%;max-width:none;object-fit:fill;left:0;top:0}.zipir-portrait{background:#ffdfba}.white-portrait{background:#cceae3}.cat-portrait{background:#d9d3fa}.panya-portrait{background:#f9dd93}.panya-portrait img{width:100%;object-fit:cover}.character-grid h3{font-size:25px}.character-grid p{font-size:17px;line-height:1.5;color:#65716d}.character-grid button>span:last-child{font-size:17px;display:inline-flex;align-items:center;min-height:44px;font-weight:700}.watch-section{background:#e9f0ff;color:#263554;padding-top:65px;padding-bottom:70px}.watch-section em{color:#6643b7}.watch-section .eyebrow{color:#536ba0}.watch-section .section-head p{color:#5a6b85}.video-filters{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:30px 0 20px}.video-tabs{display:flex;gap:9px}.video-tabs button{font-size:18px;font-weight:700;min-height:52px;padding:13px 20px;border-radius:24px;color:#4f6282;background:#fff}.video-tabs button.active{background:#6646bb;color:white}.video-search{display:flex;align-items:center;gap:8px;flex:1;min-width:240px;min-height:54px;padding:10px 16px;border-radius:16px;background:white;border:2px solid #d4dff2;font-size:26px}.video-search input{font:inherit;font-size:16px;border:0;outline:none;width:100%;min-width:0;background:none;color:#263554}.language-filter{display:flex;align-items:center;gap:10px;font-size:15px}.language-filter select{font:inherit;min-height:50px;border:1px solid #cedcf0;border-radius:14px;padding:10px;color:#385071;background:#fff}.catalog-summary{font-size:16px;color:#586b86;margin:22px 0;min-height:22px}.video-grid{grid-template-columns:repeat(3,1fr);gap:30px 25px}.video-card{background:white;padding:10px 10px 20px;border-radius:23px;border:2px solid #d9e3f6;color:#253554;transition:transform .2s}.video-card:hover{transform:translateY(-5px);border-color:#8f75c4}.video-thumb{height:auto;aspect-ratio:16/9;border-radius:15px}.video-thumb img{object-fit:cover}.video-thumb span{width:57px;height:57px;font-size:20px;background:#ffda6a;color:#604522;box-shadow:0 4px 0 #bd911a66}.video-thumb .duration{top:auto;left:auto;right:10px;bottom:9px;transform:none;width:auto;height:auto;background:#26334fd9;color:white;font-size:13px;border-radius:8px;padding:5px 8px;box-shadow:none}.video-card small{font-size:13px;color:#7455a3;margin:18px 8px 8px;font-weight:600}.video-card h3{font-size:19px;letter-spacing:normal;line-height:1.5;margin:0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-bottom{display:flex;align-items:center;justify-content:center;gap:25px;margin:35px 0 25px}.catalog-bottom>a{font-size:16px;color:#4b6290}.catalog-note{font-size:13px;text-align:center;color:#677897;line-height:1.5}.coloring-world{padding:75px max(5%,calc((100% - 1210px)/2));background:#fff1db;position:relative;overflow:hidden}.coloring-world em{color:#b85436}.coloring-world .eyebrow{color:#a85f2d}.coloring-steps{display:flex;gap:35px;font-size:18px;margin:30px 0 45px;flex-wrap:wrap}.coloring-steps span{display:flex;align-items:center;gap:12px;color:#865c3f}.coloring-steps b{border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:#ffd56a;color:#6e4d18}.coloring-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.coloring-card{background:#fffdf8;border:2px solid #f0dfc5;padding:16px;border-radius:25px;display:flex;flex-direction:column}.coloring-image{height:260px;background:#f5e6db;border-radius:16px;position:relative;padding:15px;overflow:hidden}.coloring-image img{height:100%;width:100%;object-fit:contain;transform:rotate(-4deg);background:white;box-shadow:0 3px 10px #60472220}.coloring-image span{position:absolute;top:8px;right:8px;background:#ffda6a;border-radius:18px;padding:6px 10px;font-size:13px;font-weight:700;color:#5e461c}.coloring-card h3{font-size:23px;letter-spacing:normal;margin:20px 0 10px;line-height:1.35}.coloring-card p{font-size:15px;color:#826851;line-height:1.5;margin:0 0 18px}.coloring-card .button{font-size:17px;padding:13px 15px;min-height:50px;width:100%;border-radius:13px;margin-top:auto}.coloring-card .preview-pdf{background:none;min-height:44px;color:#7a5743;font-size:15px;margin-top:12px}.coloring-tip{display:flex;gap:20px;align-items:center;background:#ffde9480;border-radius:22px;margin-top:35px;padding:18px 25px}.coloring-tip>span{font-size:35px}.coloring-tip p{font-size:17px;color:#816236;line-height:1.6;margin:0}.parents{margin-top:60px;background:#def1e5;border-radius:30px}.parents .eyebrow{color:#507761}.parents h2{font-size:35px}.parents p{font-size:18px;color:#526959}.parents>div:last-child{font-size:17px;color:#466d51}footer .footer-brand p,footer>div:not(.footer-brand):not(.footer-bottom),footer .text-link{font-size:16px;color:#616c77}footer b{font-size:18px}footer a{min-height:36px}.footer-bottom{font-size:13px}.reader-header small{font-size:13px}.reader-header h3{font-size:24px}.reader-header button,.modal-top button{min-width:48px;min-height:48px;font-size:19px}.page h4{font-size:34px}.page p{font-size:23px;line-height:1.75}.page small{font-size:16px;color:#69547d}.page .page-num{font-size:14px}.reader-controls button{font-size:18px;min-height:52px}.reader-controls>div{font-size:15px}.reader-tip{font-size:13px;line-height:1.6}.reader-header small{font-size:12px}#video-modal{width:min(1050px,96vw)}#video-title{font-size:22px;letter-spacing:normal;line-height:1.4;margin:0 0 15px}#video-modal p{font-size:14px}.video-navigation{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}.video-navigation button,.video-navigation a{min-height:48px;padding:12px 16px;border-radius:14px;background:#e6d9f9;color:#6640a7;font-size:16px}.video-navigation a{margin-left:auto;background:#ffe8ac;color:#725221}.video-navigation button:disabled{opacity:.45}#pdf-preview{width:min(950px,96vw)}#pdf-frame{width:100%;height:65dvh;border:1px solid #ddd;border-radius:10px;background:#fff}#pdf-download{margin-top:16px}.modal-top{font-size:18px}#info p{font-size:18px}#visiting-friend{position:fixed;z-index:20;right:-260px;bottom:20px;width:190px;pointer-events:none;display:none;filter:drop-shadow(0 12px 8px #24355335)}#visiting-friend.visiting{display:block;animation:friendCross var(--cross-time,13s) linear forwards}.friend-sprite{width:190px;height:190px;background-repeat:no-repeat;background-size:400% 100%;animation:friendWalk .65s steps(1,end) infinite;transform-origin:bottom center}.friend-sprite.running{animation:friendRun .4s steps(1,end) infinite}.friend-sprite.jumping{animation:friendJump 1.5s ease-in-out infinite}.friend-message{position:absolute;bottom:185px;left:20px;font-size:16px;white-space:nowrap;background:#fff6d8;padding:10px 15px;border-radius:18px;color:#75552a;box-shadow:0 3px 0 #d3bb6b66}.friend-message:empty{display:none}@keyframes friendCross{from{right:-260px}to{right:calc(100vw + 230px)}}@keyframes friendWalk{0%,100%{background-position:0 0;transform:translateY(0) rotate(-2deg)}50%{background-position:33.333% 0;transform:translateY(-5px) rotate(2deg)}}@keyframes friendRun{0%,100%{background-position:66.666% 0;transform:translateY(0)}50%{background-position:0 0;transform:translateY(-12px)}}@keyframes friendJump{0%,100%{background-position:0 0;transform:translateY(0)}35%,65%{background-position:100% 0;transform:translateY(-60px) rotate(-8deg)}}@keyframes gentleZoom{to{transform:scale(1.07)}}@keyframes slideIn{from{opacity:0}to{opacity:1}}
@media(max-width:1150px){#navigation{font-size:15px;gap:18px}.parent-link{display:none}.slide-copy h1{font-size:70px}.slide-copy{left:5%;max-width:63%}.slide-copy p{font-size:21px}.book-cover{height:300px}.filters{flex-wrap:wrap}.coloring-grid{grid-template-columns:repeat(2,1fr)}.coloring-image{height:330px}.featured-copy h2{font-size:36px}.featured-copy{padding:35px 28px}.character-portrait{height:210px}.video-filters .video-tabs{width:100%}}
@media(max-width:760px){.topline{font-size:11px;height:32px;gap:10px}header{height:86px;padding:0 18px}.brand img{width:119px;height:76px}#navigation{top:86px;font-size:19px;padding:20px;gap:6px}.hero-slider{height:calc(100svh - 118px);min-height:650px;max-height:none}.slide-background{object-position:62% center}.slide-shade{background:linear-gradient(0deg,#153f38e8 5%,#224838a8 50%,#23493640 100%)}.slide-copy{left:7%;right:7%;top:43%;transform:translateY(-40%);max-width:none}.slide-kicker{font-size:13px}.slide-copy h1{font-size:55px;letter-spacing:-.02em;margin:20px 0}.slide-copy p{font-size:20px;line-height:1.55}.slide-actions{gap:12px;margin-top:22px}.slide-actions .button{font-size:16px;min-height:56px;padding:17px 19px;border-radius:16px}.hero-bubble{width:97px;height:97px;right:6%;top:4%;font-size:16px}.hero-bubble span{font-size:18px}.slider-controls{left:7%;bottom:35px;gap:8px}.slider-controls>button,.slider-dots button{width:42px;height:42px}.slider-controls #slider-auto{font-size:11px;padding:0 11px}.scroll-hint{bottom:12px;right:7%;font-size:13px}.space-slide .slide-copy,.paint-slide .slide-copy{max-width:none;left:7%;top:31%;transform:translateY(-25%)}.space-slide .slide-copy p{font-size:18px}.space-slide .slide-copy h1,.paint-slide .slide-copy h1{font-size:43px}.slide-video-art{top:auto;bottom:115px;right:9%;width:57%;padding:8px;border-radius:20px;transform:rotate(4deg)}.slide-video-art img{aspect-ratio:16/9;border-radius:14px}.slide-video-art span{font-size:16px;padding:9px}.space-stars{font-size:60px}.slide-color-art{width:38%;height:30%;right:9%;top:auto;bottom:100px;padding:9px;box-shadow:8px 9px 0 #e09f7250}.slide-color-art span{font-size:13px}.paint-slide .slide-actions .button{font-size:15px;padding:14px 16px}.motion-toolbar{gap:10px;flex-wrap:wrap;justify-content:center;padding:15px;font-size:13px}.motion-toolbar>span{width:100%;text-align:center}.motion-toolbar button{font-size:13px}.path-strip{margin:20px 20px 0}.path-strip b{font-size:20px}.path-strip small{font-size:16px}.path-icon{min-width:56px;height:56px;font-size:30px}.path-strip>a{padding:18px 0}.section{padding:45px 20px}.section-head h2,h2{font-size:36px}.section-head p{font-size:18px}.eyebrow{font-size:12px;line-height:1.6}.section-head{gap:20px;margin-bottom:28px}.filters>div{gap:6px;overflow:auto;padding-bottom:5px}.filters button{font-size:15px;padding:12px 17px;min-height:50px}.search-box input{font-size:16px;width:100%}.book-cover{height:270px}.cover-copy h3{font-size:27px}.cover-copy small{font-size:10px}.cover-copy p{font-size:12px}.cover-badge{font-size:9px}.book h3{font-size:19px}.book-meta{font-size:14px;flex-wrap:wrap}.book-detail{flex-direction:column;font-size:13px}.book-detail button{font-size:16px;padding:5px 0}.library-bottom>span,.character-note{font-size:13px}.featured{margin:0 15px 25px;border-radius:25px}.featured-art{min-height:360px}.featured-copy{padding:32px 25px}.featured-copy h2{font-size:36px}.featured-copy>p{font-size:18px}.featured-copy .button{font-size:17px}.pills{flex-wrap:wrap}.pills span{font-size:13px}.episode b{font-size:17px}.episode small{font-size:13px}.episode>span:last-child{font-size:12px}.mini-book{height:200px;width:165px;font-size:11px}.mini-book strong{font-size:26px}.mini-book span{font-size:13px}.character-section{padding:45px 20px;border-radius:30px 30px 0 0}.character-grid{gap:25px 15px}.character-portrait{height:185px}.character-grid h3{font-size:22px}.character-grid p{font-size:16px}.character-grid button>span:last-child{font-size:16px}.watch-section{padding:45px 20px}.video-filters{gap:15px}.video-tabs{overflow:auto;gap:7px}.video-tabs button{font-size:16px;padding:12px 17px;white-space:nowrap}.video-search{min-width:100%;font-size:24px}.language-filter{font-size:15px}.catalog-summary{font-size:15px}.video-grid{grid-template-columns:1fr;gap:22px}.video-card{border-radius:22px}.video-card h3{font-size:21px;line-height:1.45}.video-card small{font-size:14px}.video-thumb span{width:62px;height:62px;font-size:23px}.video-thumb .duration{font-size:14px}.catalog-bottom{flex-direction:column;gap:20px}.catalog-note{font-size:12px}.coloring-world{padding:50px 20px}.coloring-world .section-head p{font-size:18px}.coloring-steps{gap:13px;flex-direction:column;font-size:18px;margin:25px 0 30px}.coloring-grid{grid-template-columns:1fr;gap:25px}.coloring-card{padding:20px;border-radius:25px}.coloring-image{height:350px}.coloring-card h3{font-size:27px}.coloring-card p{font-size:17px}.coloring-card .button{font-size:19px;min-height:56px}.coloring-card .preview-pdf{font-size:17px}.coloring-tip{padding:20px;gap:12px}.coloring-tip p{font-size:16px}.coloring-tip p br{display:none}.parents{margin:35px 20px}.parents h2{font-size:30px}.parents p{font-size:18px}.parents>div:last-child{font-size:17px}footer{padding:0 20px}footer .footer-brand p,footer>div:not(.footer-brand):not(.footer-bottom),footer .text-link{font-size:15px}.footer-bottom{font-size:12px}.page p{font-size:22px;line-height:1.7}.page h4{font-size:30px}.page small{font-size:15px}.reader-header h3{font-size:20px}.reader-header small{font-size:9px}.reader-header button{min-width:44px;min-height:44px}.reader-controls button{font-size:14px;min-height:50px;padding:12px}.reader-controls>div{font-size:12px}.reader-tip{font-size:12px}.video-navigation button,.video-navigation a{font-size:14px}.video-navigation a{margin-left:0}#video-title{font-size:19px}.modal-top{font-size:16px}#visiting-friend{width:140px}.friend-sprite{width:140px;height:140px}.friend-message{font-size:13px;bottom:132px;left:0}.button{font-size:17px}}
@media(max-width:380px){.slide-copy h1{font-size:47px}.slider-controls{gap:6px}.slider-controls>button,.slider-dots button{width:38px;height:38px}.slider-controls #slider-auto{padding:0 8px}.book-cover{height:240px}.cover-copy h3{font-size:24px}.character-portrait{height:160px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.slide-background{animation:none!important}#visiting-friend{display:none!important}html{scroll-behavior:auto}}
/* Preserve the actual 3:4 dimensions of each generated animation frame. */
.character-portrait:not(.panya-portrait){width:180px;margin:0 auto}.character-portrait:not(.panya-portrait) img{height:240px;width:720px;object-fit:fill}.friend-sprite{width:160px;height:213px}#visiting-friend{width:160px}.friend-message{bottom:206px}.slider-controls.on-paint>button,.on-paint .slider-dots button{background:#76543722;border-color:#79502566;color:#5a3e28}.on-paint .slider-dots button.selected{background:#fff7d1;color:#6a427e;border-color:#fff7d1}
@media(max-width:1150px) and (min-width:761px){.character-portrait:not(.panya-portrait){width:157.5px}.character-portrait:not(.panya-portrait) img{width:630px;height:210px}}
@media(max-width:760px){.character-portrait:not(.panya-portrait){width:138.75px}.character-portrait:not(.panya-portrait) img{width:555px;height:185px}#visiting-friend{width:120px}.friend-sprite{width:120px;height:160px}.friend-message{bottom:154px}}
@media(max-width:380px){.character-portrait:not(.panya-portrait){width:120px}.character-portrait:not(.panya-portrait) img{width:480px;height:160px}}
@media(min-width:761px) and (max-width:980px){header{justify-content:space-between}#navigation{display:none;position:absolute;top:102px;left:0;right:0;background:var(--cream);padding:20px 5%;box-shadow:0 15px 20px #0001;flex-direction:column;z-index:10;font-size:19px}#navigation.open{display:flex}.menu-toggle{display:block;background:transparent;font-size:24px}.book-grid{grid-template-columns:repeat(2,1fr)}.book-cover{height:360px}.path-strip>a{padding:10px;gap:12px}.path-strip b{font-size:18px}.path-strip small{font-size:14px}.path-icon{min-width:45px;height:45px;font-size:27px}.path-strip>a>span:last-child{font-size:20px}}

/* site.css */
[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-100px;background:#fff;padding:16px;z-index:999}.skip-link:focus{top:10px}.nav-group{position:relative}.nav-group summary{cursor:pointer}.nav-group>div{position:absolute;top:40px;min-width:200px;background:#fff;padding:20px;border-radius:16px;box-shadow:0 8px 30px #25354a22;display:grid;gap:14px}.preview-banner{text-align:center;background:#ffdc61;padding:10px}.parent-blog,.blog-detail,.simple-page{max-width:1280px;margin:auto;padding:64px 36px 90px}.blog-intro{max-width:760px;margin-bottom:40px}.blog-intro h1{font-size:clamp(44px,5vw,68px);line-height:1.18;letter-spacing:-.02em;margin:20px 0}.blog-intro h1 em{color:var(--purple)}.blog-intro p{font-size:21px;line-height:1.65}.blog-tools{display:flex;gap:18px;margin-bottom:35px}.blog-tools label{flex:1;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dad4e8;border-radius:16px;padding:15px}.blog-tools input{font:inherit;background:none;border:0;outline:none;width:100%}.blog-tools select{font:inherit;border:1px solid #dad4e8;border-radius:16px;background:#fff;padding:15px}.blog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.blog-card{background:#fff;border:1px solid #e6e0ee;border-radius:24px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #49327612}.blog-card>img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.blog-card>div{padding:26px}.blog-card h2{font-size:23px;line-height:1.4;letter-spacing:-.01em;margin:14px 0}.blog-card p{font-size:16px;line-height:1.7;color:#566174}.read-article{display:block;margin-top:23px;font-weight:800;color:var(--purple)}.blog-card .eyebrow{font-size:11px;letter-spacing:1px}.breadcrumbs{font-size:14px;display:flex;flex-wrap:wrap;gap:10px;color:#657084;margin-bottom:34px}.breadcrumbs a{color:inherit}.article-title{max-width:960px;margin-bottom:40px}.article-title h1{font-size:clamp(34px,4.2vw,56px);line-height:1.22;letter-spacing:-.02em;margin:18px 0 24px}.article-meta{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;color:#657084}.article-summary{font-size:21px;line-height:1.7;color:#4a566b;margin:25px 0 0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:52px;align-items:start}.article-body{min-width:0}.article-main-image{width:100%;max-height:520px;object-fit:cover;border-radius:24px;margin-bottom:30px}.article-prose{font-size:18px;line-height:1.95;color:#364359}.article-prose h2,.article-faq h2{font-size:29px;line-height:1.35;color:var(--ink);letter-spacing:-.01em;margin:38px 0 18px;scroll-margin-top:120px}.article-prose h3{font-size:23px;scroll-margin-top:120px}.article-prose p{margin:0 0 22px}.article-prose img{max-width:100%;border-radius:16px}.article-prose ul,.article-prose ol{padding-left:28px;margin:20px 0}.article-prose a{color:var(--purple)}.article-sidebar{position:static;align-self:start;min-width:0}.article-toc{display:block;position:static;inset:auto;margin:0;width:100%;box-shadow:none;z-index:auto;gap:0;background:#f1edf9;border:1px solid #e5def1;border-radius:22px;padding:25px}.article-toc h2{font-size:20px;margin:0 0 16px}.article-toc ol{list-style:none;padding:0;margin:0 0 22px;max-height:none;overflow:visible}.article-toc li{font-size:16px;line-height:1.65;margin:0;border-bottom:1px solid #ddd4ed;list-style:none}.article-toc a{display:block;padding:13px 0;color:#4a5062;text-decoration:none;overflow-wrap:anywhere}.article-toc a:hover,.article-toc a.active{color:var(--purple);font-weight:800}.article-toc>a{font-weight:800;font-size:14px}.article-faq{margin-top:40px;padding-top:8px;border-top:1px solid #e3ddec;scroll-margin-top:120px}.article-faq details{background:#fff;border:1px solid #e3ddec;padding:22px;border-radius:15px;margin:12px 0;font-size:17px;line-height:1.75}.article-faq summary{font-weight:800;cursor:pointer;padding-right:15px}.article-faq p{margin-bottom:0;color:#526075}.article-next{background:#e7f4e9;padding:34px;border-radius:24px;margin-top:45px}.article-next h2{font-size:27px;margin:0 0 12px}.article-next p{font-size:17px;line-height:1.7}.related-articles{margin-top:70px;border-top:1px solid #e3ddec;padding-top:35px}.related-articles>h2{font-size:30px;margin-bottom:28px}.simple-page{max-width:850px;font-size:20px;line-height:1.8}.simple-page h1{font-size:48px}.book-detail{flex-wrap:wrap;gap:14px}.book-detail>span{max-width:70%;line-height:1.6}.hero-slide.space-slide .slide-shade{background:linear-gradient(90deg,#161731dd,#16173166)}.hero-slide.paint-slide .slide-shade{background:linear-gradient(90deg,#fff5d9f5,#fff5d911)}.paint-slide .slide-copy{color:#25354a}.slide-copy h1{font-size:clamp(48px,5.5vw,84px)}.slide-copy p{max-width:560px}.reader-loading{padding:80px}.spread .page canvas{width:100%;height:auto;display:block;object-fit:contain}.spread .page{overflow:auto}.spread .page>p{white-space:pre-line}.spread .page>img{width:100%;height:auto;max-height:100%;object-fit:contain}.reader-header small{font-size:12px}.footer-bottom{flex-wrap:wrap;gap:18px}.footer-bottom a{font-size:14px}.parent-link{white-space:nowrap}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7a42df;outline-offset:5px}#spread .page.turn{animation:sgpage .35s ease-out}@keyframes sgpage{from{opacity:.4;transform:rotateY(-12deg)}to{opacity:1;transform:rotateY(0)}}@media(max-width:1000px){.article-layout{grid-template-columns:minmax(0,1fr) 250px;gap:28px}.blog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.article-title h1{font-size:42px}}@media(max-width:760px){.parent-blog,.blog-detail,.simple-page{padding:38px 20px 60px}.blog-cards{grid-template-columns:1fr}.blog-tools{flex-direction:column}.article-layout{display:flex;flex-direction:column}.article-sidebar{position:static;order:-1;width:100%}.article-toc{padding:22px}.article-toc ol{max-height:none;overflow:visible}.article-title h1{font-size:34px;letter-spacing:-.02em}.article-summary{font-size:18px}.article-prose{font-size:18px}.article-meta{gap:12px}.article-title{margin-bottom:28px}.article-next{padding:25px}.spread{grid-template-columns:1fr!important}.spread .page{min-height:250px;padding:12px!important}.spread .page>p{font-size:22px!important;line-height:1.7}.reader-controls{gap:6px}.reader-controls>button{font-size:14px;padding:12px}.slide-copy{padding:28px!important}.slide-copy h1{font-size:46px}.blog-intro h1{font-size:43px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.blog-card,.page.turn{animation:none!important;transition:none!important}}

/* Parent editorial pages: the index belongs to its own column, never the header menu. */
.article-body,.article-sidebar{width:100%;min-width:0}
.article-prose{overflow-wrap:anywhere}
.article-prose ul,.article-prose ol{display:block;padding:0 0 0 1.5em;margin:24px 0;list-style-position:outside}
.article-prose ul{list-style-type:disc}.article-prose ol{list-style-type:decimal}
.article-prose li{display:list-item;padding-left:.35em;margin:0 0 14px;line-height:1.85}
.article-prose li:last-child{margin-bottom:0}.article-prose li>p{margin:8px 0}
.article-prose li::marker{color:var(--purple);font-weight:700}
.article-prose li ul,.article-prose li ol{margin:12px 0}
.parent-blog .blog-intro{max-width:none;margin-bottom:30px}
.parent-blog .blog-intro h1{font-size:clamp(32px,3.4vw,46px);line-height:1.2;letter-spacing:-.02em;margin:14px 0}
.parent-blog .blog-intro h1 br{display:none}
.parent-blog .blog-intro p{max-width:800px;font-size:18px;margin-bottom:0}
.blog-feature{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);color:var(--ink);text-decoration:none;background:#f0e9fb;border:1px solid #e4d9f6;border-radius:30px;overflow:hidden;margin:0 0 46px;min-width:0}
.blog-feature-image{min-width:0;position:relative;min-height:420px;overflow:hidden}
.blog-feature-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .35s}
.blog-feature-image>span{position:absolute;top:24px;left:24px;padding:10px 16px;border-radius:30px;background:#fff;color:var(--purple);font-size:13px;font-weight:800;letter-spacing:.4px;box-shadow:0 5px 20px #33215415}
.blog-feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:42px;min-width:0}
.blog-feature h2{font-size:clamp(28px,2.7vw,39px);line-height:1.3;letter-spacing:-.01em;margin:17px 0;color:var(--ink);overflow-wrap:anywhere}
.blog-feature-copy>p{font-size:18px;line-height:1.75;color:#566174;margin:0 0 24px}
.blog-feature-copy .article-meta{font-size:13px;margin-bottom:28px;gap:14px}
.blog-feature .button{font-size:16px;min-height:52px;padding:15px 22px}
.blog-feature:hover .blog-feature-image img{transform:scale(1.025)}
.blog-feature:hover h2{color:var(--purple)}
.blog-section-title{font-size:27px;letter-spacing:-.01em;margin:0 0 22px}
@media(max-width:1000px){.blog-feature-copy{padding:30px}.blog-feature-image{min-height:380px}.blog-feature h2{font-size:29px}.blog-feature-copy>p{font-size:17px}}
@media(max-width:760px){.blog-feature{grid-template-columns:minmax(0,1fr);border-radius:24px;margin-bottom:34px}.blog-feature-image{min-height:0;aspect-ratio:16/10}.blog-feature-copy{padding:26px}.blog-feature h2{font-size:27px;letter-spacing:-.01em}.blog-feature-copy>p{font-size:17px}.blog-feature-copy .article-meta{margin-bottom:22px}.blog-feature-image>span{top:18px;left:18px}.article-sidebar{order:-1}.article-toc li{font-size:16px}.article-toc a{padding:12px 0}.blog-section-title{font-size:25px}.article-prose ul,.article-prose ol{padding-left:1.4em}}
@media(prefers-reduced-motion:reduce){.blog-feature-image img{transition:none}.blog-feature:hover .blog-feature-image img{transform:none}}

/* V4.3.1: complementary product family, editable footer widgets. */
footer .sg-clevio-family{grid-column:1/-1;display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:28px;margin:24px 0 0;padding:30px;border:1px solid #ded5ee;border-radius:24px;background:linear-gradient(125deg,#f6f0ff,#eefaf7);color:#25354a;order:4}
footer .footer-bottom{order:5}
footer .sg-clevio-logo{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:18px;padding:16px;min-height:100px}
footer .sg-clevio-logo img{width:176px;max-width:100%;height:auto;object-fit:contain}
footer .sg-clevio-copy{min-width:0}footer .sg-clevio-copy small{font-size:11px;font-weight:800;letter-spacing:.08em;color:#7042cc}footer .sg-clevio-copy h2{font-size:clamp(22px,2.4vw,28px);line-height:1.3;letter-spacing:normal;margin:8px 0 10px}footer .sg-clevio-copy p{font-size:15px;line-height:1.7;margin:0 0 12px}footer .sg-clevio-copy a{font-size:14px;font-weight:800;color:#7042cc}
footer .sg-clevio-stores{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:200px}footer a.sg-clevio-store{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;min-height:64px;text-decoration:none}footer .sg-clevio-store img{display:block;height:50px;width:auto;max-width:180px;object-fit:contain}footer .sg-clevio-store span{font-size:12px;font-weight:700;color:#576178}footer .sg-clevio-store[aria-disabled=true]{cursor:default}
.sg-back-top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:8px;min-height:48px;padding:12px 16px;border:1px solid #fff;border-radius:999px;background:#7042cc;color:#fff;font-family:inherit;font-size:14px;font-weight:700;line-height:1.3;box-shadow:0 6px 22px #25354a30;cursor:pointer}.sg-back-top:focus-visible,footer .sg-clevio-family a:focus-visible{outline:3px solid #eaa51b;outline-offset:4px}.sg-back-top:hover{background:#5830aa}.sg-kids-mode .sg-back-top{display:none}
@media(max-width:900px){footer .sg-clevio-family{grid-template-columns:160px minmax(0,1fr);gap:20px;padding:24px}footer .sg-clevio-stores{grid-column:1/-1;max-width:none;justify-content:flex-start}}
@media(max-width:560px){footer .sg-clevio-family{grid-template-columns:minmax(0,1fr);padding:22px;gap:20px}footer .sg-clevio-logo{justify-self:start;width:190px}footer .sg-clevio-stores{justify-content:flex-start}footer .sg-clevio-store img{height:44px}.sg-back-top{padding:12px;right:12px}.sg-back-top span{display:none}footer .footer-bottom{padding-bottom:64px}}
@media print{.sg-back-top{display:none}}

/* V4.4.1: stable hero styling, loaded before JavaScript. */
.hero-slider{height:clamp(560px,52vw,820px);min-height:0;max-width:1672px;margin-inline:auto;background:#193d34}
.hero-slider .slide-background{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:none}
.hero-slider .hero-slide .slide-shade{background:linear-gradient(90deg,#14372ff5 0%,#193d34eb 30%,#193d3480 52%,#193d3400 76%)}
.hero-slider .hero-slide .slide-copy{left:6%;right:auto;top:46%;transform:translateY(-50%);max-width:44%;color:#fffdf6}
.hero-slider .slide-copy h1{font-size:clamp(38px,4.6vw,70px);line-height:1.2;color:#fffdf6;letter-spacing:-.02em;text-shadow:0 2px 8px #102b2a40;overflow-wrap:break-word}
.hero-slider .slide-copy p{color:#fffdf6;font-size:clamp(17px,1.5vw,22px);line-height:1.6}
.hero-slider .hero-slide .slide-kicker,.hero-slider .hero-slide .slide-copy em{color:#ffdc75}
.hero-slider .slider-controls>button,.hero-slider .slider-dots button{color:#fffdf6;background:#14372fc9;border-color:#ffffff80}
.hero-slider .slider-dots button.selected{color:#403012;background:#ffda70;border-color:#ffda70}
.hero-slider .scroll-hint{color:#fffdf6}
.sg-kids-bar{flex-wrap:wrap}.sg-kids-bar [data-kids-portal]{border-color:#6540bb;color:#6540bb}
@media(max-width:1000px){
.hero-slider{height:auto;max-height:none;padding-bottom:78px}
.hero-slider .hero-slide{position:relative;inset:auto;display:flex;flex-direction:column;overflow:visible;animation:none}
.hero-slider .hero-slide[hidden]{display:none}
.hero-slider .slide-background{position:relative;height:auto;aspect-ratio:16/9;object-fit:contain;order:0}
.hero-slider .hero-slide .slide-shade{display:none}
.hero-slider .hero-slide .slide-copy{position:relative;inset:auto;transform:none;max-width:none;width:auto;padding:24px 6% 12px;order:1;background:#193d34}
.hero-slider .slide-copy h1{font-size:clamp(32px,5.4vw,48px);margin:12px 0}
.hero-slider .slide-copy p{font-size:18px;margin:10px 0}
.hero-slider .slide-actions{margin-top:18px;gap:12px}
.hero-slider .slider-controls{left:6%;bottom:18px;gap:8px;flex-wrap:wrap}
.hero-slider .slider-controls>button,.hero-slider .slider-dots button{width:44px;height:44px}
.hero-slider .scroll-hint{display:none}
.sg-kids-bar strong{display:none}.sg-kids-bar{padding:10px;gap:8px}.sg-kids-bar img{width:95px}.sg-kids-bar button{min-height:44px;padding:8px 10px}
}
@media(max-width:400px){.hero-slider .slider-controls{gap:5px}.hero-slider .slider-dots{gap:5px}.hero-slider .slider-controls #slider-auto{font-size:12px;padding:0 10px}}

/* V4.7.2 character card portraits: square illustration instead of sprite strip. */
.character-portrait.sg-storybook-portrait{display:block;width:100%!important;height:auto!important;aspect-ratio:1;overflow:hidden;border-radius:24px;background:#edf5dd;margin:0 auto}
.character-portrait.sg-storybook-portrait img{display:block;width:100%!important;height:100%!important;aspect-ratio:1;object-fit:cover;object-position:center;animation:none!important;transform:none!important}