/* Detail audit against the supplied blue picture-book reference. Scoped to children. */
body.studio-page.children-view:not(.dark){background:#f8fcff;--bg:#f8fcff;--paper:#fff}
body.studio-page.children-view .study-layout{--study-ink:#142641;--detail-blue:#0787ff;color:var(--study-ink);gap:22px;grid-template-columns:160px minmax(0,1fr) 246px}
body.studio-page.children-view .study-layout .study-left{padding-right:12px;border-right:0}
.children-view .study-side-title{gap:10px;padding:2px 0 24px;font-size:17px;font-weight:600;line-height:1.8}
.children-view .study-side-title b{font-size:18px;color:#182b45}
.children-view .study-sprout{position:relative;width:36px;height:42px;border-radius:50%;background:radial-gradient(ellipse at 50% 85%,#d9f4ff 0,transparent 68%)}
.children-view .study-sprout:after{content:'';position:absolute;bottom:3px;left:4px;width:29px;height:8px;border-radius:50%;background:#64c6d5;opacity:.55}
.children-view .study-sprout svg{position:relative;z-index:1;padding-bottom:6px;box-sizing:border-box}
body.studio-page.children-view .study-layout .study-left nav button{min-height:73px;padding:12px 9px;gap:12px;border-radius:10px}
.children-view .study-left nav{gap:9px}.children-view .study-left nav b{font-size:15px;font-weight:600}.children-view .study-left nav small{font-size:11px;color:#7f90a6;margin-top:5px}
body.studio-page.children-view .study-layout .study-category-icon{width:33px;height:37px}
.children-view .study-left-bottom{margin:25px 4px 0;padding-top:20px}.children-view .study-left-bottom>button{font-size:13px;gap:12px}.children-view .study-left-note{font-size:12px;line-height:1.9;margin-top:38px}.children-view .study-left-note b{font-size:13px}
body.studio-page.children-view .study-layout .children-heading{background:none;margin-bottom:22px}
.children-view .study-detail-hero{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #328bdc06;background:#dff3ff}
.children-view .study-detail-hero .study-slide{display:block;position:relative;isolation:isolate;min-height:310px;height:clamp(310px,24vw,370px);padding:0}
.children-view .study-detail-hero .study-slide[hidden]{display:none!important}
.children-view .study-detail-hero .detail-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.children-view .study-detail-hero .study-slide:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f5f9ffcc 0,#f4f9ffb3 28%,#edf9ff22 51%,transparent 65%);z-index:-1}
body.studio-page.children-view .study-layout .study-detail-hero .kids-welcome-copy{position:relative;width:56%;max-width:490px;box-sizing:border-box;padding:27px 0 28px 30px;text-align:left}
body.studio-page.children-view .study-layout .study-detail-hero .children-eyebrow{background:#ffffffce;border-radius:17px;padding:6px 11px;gap:6px;font-size:11px;color:#1686f6;min-height:28px;box-sizing:border-box}
.children-view .study-detail-hero .children-eyebrow .icon{width:17px;height:17px}
body.studio-page.children-view .study-layout .study-detail-hero h1,body.studio-page.children-view .study-layout .study-detail-hero h2{font-size:clamp(29px,2.45vw,42px);line-height:1.42;letter-spacing:-1.2px;font-weight:800;color:#0b264a;margin:16px 0 14px;text-shadow:none;white-space:normal}
body.studio-page.children-view .study-layout .study-detail-hero h1 em,body.studio-page.children-view .study-layout .study-detail-hero h2 em{display:block;color:inherit;letter-spacing:inherit;margin:0}
body.studio-page.children-view .study-layout .study-detail-hero p{font-size:14px;line-height:1.85;color:#506c90;max-width:370px}
body.studio-page.children-view .study-layout .study-detail-hero .kids-welcome-actions{margin-top:21px;gap:0}
body.studio-page.children-view .study-layout .study-detail-hero .kids-welcome-actions>button:first-child{font-size:14px;min-height:44px;padding:11px 22px;border-radius:24px;background:linear-gradient(110deg,#2aa8ff,#087aff);border:0;box-shadow:0 5px 12px #168aff20}
.children-view .study-detail-hero .study-carousel-controls{position:absolute;bottom:14px;right:14px;padding:4px 7px;gap:2px;background:#ffffffdb;border-radius:22px;z-index:2}
.children-view .study-detail-hero .study-carousel-controls>button{border:0;background:none;width:30px;height:30px;font-size:24px;border-radius:50%;color:#83b9ec}.children-view .study-detail-hero .study-dots button{width:17px}.children-view .study-detail-hero .study-dots button:after{width:7px;height:7px}.children-view .study-detail-hero .study-dots button[aria-current=true]:after{width:7px;border-radius:50%;background:#2399f5}
.children-view .detail-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0 0}
.children-view .detail-shortcut{display:flex;align-items:center;text-align:left;min-height:76px;padding:13px 12px;border-radius:10px;gap:9px;min-width:0;background:#fff0f6;box-sizing:border-box}
.children-view .detail-shortcut-icon{width:36px;height:40px;display:grid;place-items:center;flex-shrink:0}.children-view .detail-shortcut-icon svg{width:32px;height:35px}.children-view .detail-shortcut>span:nth-child(2){min-width:0;flex:1}.children-view .detail-shortcut b{display:block;font-size:14px;white-space:nowrap;color:#263e5a}.children-view .detail-shortcut small{display:block;font-size:9px;margin-top:5px;line-height:1.6;white-space:nowrap;color:#a37f96}.children-view .detail-shortcut>span:last-child{font-size:20px;color:#e891b4;line-height:1}
.children-view .detail-cyan{background:#e3f6ff}.children-view .detail-mint{background:#e9faed}.children-view .detail-gold{background:#fff5dc}.children-view .detail-shortcut.detail-mint small{color:#7eab8e}.children-view .detail-shortcut.detail-cyan small{color:#7dabc1}.children-view .detail-shortcut.detail-gold small{color:#c4a168}.children-view .detail-shortcut.detail-cyan>span:last-child{color:#85c4eb}.children-view .detail-shortcut.detail-mint>span:last-child{color:#8bceb3}.children-view .detail-shortcut.detail-gold>span:last-child{color:#e5bb64}
.children-view .detail-pink .detail-shortcut-icon svg{filter:hue-rotate(118deg) saturate(.9)}
body.studio-page.children-view .study-layout .kids-library{padding:16px 13px 18px;border-radius:12px;background:#fff;box-shadow:0 4px 22px #3e8ec908}
body.studio-page.children-view .study-layout .kids-library-heading h2{font-size:23px;font-weight:750;color:#162b46}
body.studio-page.children-view .study-layout .children-search{width:158px;max-width:158px;border-radius:17px;background:#fbfdff}.children-view .study-book-tabs button{font-size:11px;padding:6px 11px;min-height:33px;border-radius:0;}
body.studio-page.children-view .study-layout .children-tools{border:0;padding-bottom:0;margin-bottom:13px}.children-view .kids-shelf-section-head{display:none!important}
body.studio-page.children-view .study-layout .children-book-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 12px}
body.studio-page.children-view .study-layout .child-book{border:0;border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 4px 15px #2c81bf09;padding-bottom:7px}
body.studio-page.children-view .study-layout .child-cover{aspect-ratio:3/3.6;border-radius:11px 11px 9px 9px;position:relative;overflow:hidden;background:#e9f7ff}
body.studio-page.children-view .study-layout .child-cover img{object-fit:cover;object-position:center 54%;border-radius:inherit}
body.studio-page.children-view .study-layout .child-cover-copy,body.studio-page.children-view .study-layout .child-cover-foot{display:none}
.children-view .detail-cover-label{position:absolute;left:7px;bottom:7px;font-size:9px;color:#738da8;background:#ffffffe6;border-radius:10px;line-height:1.5;padding:3px 7px;z-index:1}
body.studio-page.children-view .study-layout .child-book h3{font-size:15px;font-weight:650;color:#172f4b;margin:9px 9px 5px;line-height:1.5}
body.studio-page.children-view .study-layout .child-book>p{font-size:10px;margin:0 9px;line-height:1.8;color:#8696ad;min-height:35px}
body.studio-page.children-view .study-layout .child-book-meta{margin:7px 8px 0;min-height:20px}
body.studio-page.children-view .study-layout .child-book-meta>small{font-size:9px;background:#eef7ff;border-radius:10px;padding:2px 6px;color:#7498ba}
body.studio-page.children-view .study-layout .child-book-bottom{margin:0 7px 0 8px;min-height:29px}.children-view .study-layout .child-read-link{font-size:9px}.children-view .study-layout .child-save-book{font-size:23px!important}
.children-view .study-right{gap:18px}.children-view .study-ranking,.children-view .study-growth{background:#fff;border:1px solid #edf5fd;border-radius:12px;padding:19px 15px 15px;box-shadow:0 5px 22px #4499db07}
.children-view .study-section-head h2{font-size:18px;font-weight:750;color:#203955}.children-view .study-section-head>button{font-size:11px;color:#54a1ed}.children-view .study-growth .study-section-head{padding:0 0 12px;border-bottom:1px solid #edf6fd}.children-view .study-growth h2{font-size:16px;display:flex;align-items:center;gap:8px;white-space:nowrap}.children-view .study-growth h2 .icon{width:19px;height:19px;color:#1b9af6}
.children-view .study-rank-tabs{gap:11px}.children-view .study-rank-tabs button{font-size:10px;min-height:30px;padding-bottom:6px}.children-view .study-ranked-book{gap:9px;padding:10px 0;min-height:71px}.children-view .study-ranked-book b{font-size:12px;font-weight:600;line-height:1.65}.children-view .study-ranked-book small{font-size:10px;background:#f0f7fc;border-radius:7px;display:inline-block;padding:1px 6px;margin-top:4px;color:#859bb1}.children-view .study-rank{display:none}.children-view .study-rank-arrow{font-size:16px;color:#b2c7e0}.children-view .study-book-stamp{width:39px;height:54px;border-radius:5px;box-shadow:none}
.children-view .detail-recommend-cover{background-image:url('assets/children-detail/reference-ui.opt-v1.webp');background-size:1323.65px 793.5px;background-repeat:no-repeat;background-color:#e6f2fc}
.children-view .detail-recommend-0{background-position:-1021px -73px}.children-view .detail-recommend-1{background-position:-1021px -129px}.children-view .detail-recommend-2{background-position:-1021px -184px}.children-view .detail-recommend-3{background-position:-1021px -239px}.children-view .detail-recommend-4{background-position:-1021px -294px}
.children-view #study-rank-basis{font-size:8px;line-height:1.8;margin-top:5px}.children-view .study-source-link{font-size:8px}
.children-view .study-growth{padding-top:17px;background:linear-gradient(#f0f9ff 0,#fff 80px);border-color:#dbf0ff}
.children-view .detail-facts{display:grid;gap:5px;margin:10px 0 13px}.children-view .detail-fact{display:flex;align-items:center;width:100%;min-height:56px;gap:10px;text-align:left;background:none;padding:5px 0;color:#6e87a0;font-size:12px}.children-view .detail-fact>span:first-child{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#ecf8fd;flex-shrink:0}.children-view .detail-fact>span svg{width:28px;height:28px}.children-view .detail-fact>div{flex:1;min-width:0}.children-view .detail-fact b{font-size:18px;color:#223c5b;margin:0 2px}.children-view .detail-fact>span:last-child{color:#aac6df;font-size:20px}.children-view .detail-fact progress{display:block;width:100%;height:4px;margin-top:8px;accent-color:#289bff;border:0;border-radius:3px}.children-view .detail-fact.detail-gold>span:first-child{background:#fff6e2}.children-view .detail-fact.detail-pink>span:first-child{background:#fff0fa}
.children-view .detail-recommendation{padding:11px;background:#edf8ff;border-radius:9px;text-align:left;display:flex;gap:10px;align-items:center;width:100%}.children-view .detail-recommendation>span{flex:1;min-width:0}.children-view .detail-recommendation b{font-size:13px;color:#3c6489;display:block}.children-view .detail-recommendation small{display:block;color:#91aac0;font-size:10px;line-height:1.8;margin-top:6px}.children-view .detail-recommendation img{width:38px;height:52px;object-fit:cover;border-radius:4px}.children-view .detail-data-note{font-size:8px;line-height:1.8;color:#9cacc0;margin:10px 0 0}
.children-view .study-activity{display:none}.children-view .study-companion{margin-top:0;flex-direction:row-reverse;background:none;align-items:flex-end;padding:0}.children-view .study-companion img{width:83px;height:94px}.children-view .study-companion>div{background:#fff;border-radius:14px 14px 2px 14px;padding:10px 12px;box-shadow:0 2px 12px #2091df12}.children-view .study-companion h2{font-size:11px}.children-view .study-companion p{display:none}
body.children-view #miao-pet-launcher{right:12px!important;bottom:12px!important}
.children-view .detail-finding-summary p{background:#f4faff;border-radius:7px;padding:10px 13px}.children-view .detail-finding-summary b{font-size:22px;color:#168cfa}
.children-view.dark .study-layout{--study-ink:#e1ebf6}.children-view.dark .study-layout .kids-library,.children-view.dark .study-layout .child-book,.children-view.dark .study-ranking,.children-view.dark .study-growth{background:#203044;border-color:#32475d}.children-view.dark .study-layout .kids-library-heading h2,.children-view.dark .study-layout .child-book h3,.children-view.dark .study-section-head h2,.children-view.dark .detail-fact b{color:#e4eef9}.children-view.dark .detail-shortcut{filter:brightness(.78)}.children-view.dark .detail-recommendation{background:#29405a}
@media(min-width:1600px){body.studio-page.children-view .study-layout{grid-template-columns:170px minmax(0,1fr) 258px;gap:24px}.children-view .study-left nav b{font-size:16px}.children-view .study-left nav small{font-size:12px}.children-view .detail-shortcut{min-height:82px}.children-view .detail-shortcut b{font-size:15px}.children-view .detail-shortcut small{font-size:10px}.children-view .study-ranked-book b{font-size:13px}.children-view .study-layout .child-book h3{font-size:16px}.children-view .detail-fact{font-size:13px}}
@media(max-width:1280px){body.studio-page.children-view .study-layout{grid-template-columns:140px minmax(0,1fr) 215px;gap:16px}.children-view .study-side-title{font-size:15px}.children-view .study-side-title b{font-size:16px}.children-view .study-left nav b{font-size:13px}.children-view .study-left nav small{font-size:10px}body.studio-page.children-view .study-layout .study-detail-hero .kids-welcome-copy{padding:23px 0 24px 23px;width:59%}body.studio-page.children-view .study-layout .study-detail-hero h1,body.studio-page.children-view .study-layout .study-detail-hero h2{font-size:30px}body.studio-page.children-view .study-layout .study-detail-hero p{font-size:12px}.children-view .detail-shortcuts{gap:8px}.children-view .detail-shortcut{padding:10px 8px;gap:6px;min-height:70px}.children-view .detail-shortcut b{font-size:12px}.children-view .detail-shortcut small{font-size:8px}.children-view .detail-shortcut-icon{width:26px}.children-view .detail-shortcut-icon svg{width:26px}.children-view .detail-shortcut>span:last-child{display:none}body.studio-page.children-view .study-layout .children-book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.children-view .study-growth h2{font-size:14px}.children-view .detail-fact{font-size:11px}}
@media(max-width:1000px){body.studio-page.children-view .study-layout{grid-template-columns:138px minmax(0,1fr);gap:20px}.children-view .study-right{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.children-view .study-growth{grid-column:2}.children-view .study-ranking{grid-row:1 / span 2}.children-view .study-companion{grid-column:2}.children-view .study-detail-hero .study-slide{height:315px;min-height:315px}.children-view .detail-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.children-view .detail-shortcut b{font-size:14px}.children-view .detail-shortcut small{font-size:10px}body.studio-page.children-view .study-layout .children-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.children-view .study-detail-hero .detail-hero-image{object-position:58% center}.children-view .study-detail-hero .study-slide:before{background:linear-gradient(90deg,#f4faffed 0,#f3f9ffbc 33%,transparent 65%)}}
@media(max-width:700px){body.studio-page.children-view .study-layout{grid-template-columns:1fr;gap:14px}body.studio-page.children-view .study-layout .study-left{padding:0}.children-view .study-left nav{gap:5px}body.studio-page.children-view .study-layout .study-left nav button{min-height:43px;padding:7px 9px;border-radius:7px;gap:6px}.children-view .study-left nav b{font-size:11px}body.studio-page.children-view .study-layout .study-category-icon{width:24px;height:27px}.children-view .study-right{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr))}.children-view .study-detail-hero .study-slide{min-height:310px;height:310px}body.studio-page.children-view .study-layout .study-detail-hero .kids-welcome-copy{padding:24px 0 20px 22px;width:63%}body.studio-page.children-view .study-layout .study-detail-hero h1,body.studio-page.children-view .study-layout .study-detail-hero h2{font-size:30px}.children-view .detail-shortcuts{margin-top:13px}.children-view .detail-shortcut{min-height:68px;padding:11px 13px}.children-view .study-detail-hero .detail-hero-image{object-position:59% center}.children-view .study-detail-hero .study-slide:before{background:linear-gradient(90deg,#eff9ffe8 0,#f1faffb8 35%,transparent 75%)}body.studio-page.children-view .study-layout .kids-library{padding:15px 11px}body.studio-page.children-view .study-layout .children-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.children-view .study-layout .child-book h3{font-size:14px}.children-view .study-layout .child-book>p{font-size:10px}}
@media(max-width:500px){.children-view .study-detail-hero .study-slide{min-height:360px;height:360px}.children-view .study-detail-hero .detail-hero-image{object-position:62% center;opacity:.72}body.studio-page.children-view .study-layout .study-detail-hero .kids-welcome-copy{width:86%;padding:23px 18px}body.studio-page.children-view .study-layout .study-detail-hero h1,body.studio-page.children-view .study-layout .study-detail-hero h2{font-size:30px;line-height:1.45;letter-spacing:-.5px}body.studio-page.children-view .study-layout .study-detail-hero p{font-size:12px;max-width:240px}body.studio-page.children-view .study-layout .study-detail-hero .kids-welcome-actions{margin-top:19px}.children-view .study-detail-hero .study-slide:before{background:linear-gradient(90deg,#eef8fff0 0,#f2f9ffbd 40%,#f2f9ff44 78%)}.children-view .study-detail-hero .study-carousel-controls{bottom:12px;right:12px}.children-view .study-detail-hero .children-eyebrow{font-size:10px!important}.children-view .detail-shortcut b{font-size:13px}.children-view .detail-shortcut small{font-size:9px}body.studio-page.children-view .study-layout .children-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.children-view .study-right{grid-template-columns:1fr}.children-view .study-growth,.children-view .study-ranking,.children-view .study-companion{grid-column:1;grid-row:auto}.children-view .study-layout .child-book h3{font-size:15px}body.studio-page.children-view .study-layout .child-book>p{min-height:32px}.children-view .study-layout .child-cover{aspect-ratio:3/3.7!important}.children-view .detail-fact{font-size:14px}.children-view .detail-data-note{font-size:10px}}

.children-view .detail-handnote{position:absolute;right:27px;top:22px;text-align:center;color:#147fdc;font-size:13px;font-weight:650;line-height:1.8;letter-spacing:1px;transform:rotate(-7deg);z-index:1;text-shadow:0 1px 2px #fff9}.children-view .detail-handnote:after{content:'';display:block;height:2px;background:#2794ed;transform:rotate(-4deg);margin:4px 3px 0}
.children-view .detail-fact progress{appearance:none;-webkit-appearance:none;background:#e6f3ff;height:4px;overflow:hidden}.children-view .detail-fact progress::-webkit-progress-bar{background:#e6f3ff}.children-view .detail-fact progress::-webkit-progress-value{background:#2a9cf6}.children-view .detail-fact progress::-moz-progress-bar{background:#2a9cf6}
@media(min-width:1600px){.children-view .detail-handnote{font-size:15px;right:30px;top:21px}}@media(max-width:1100px){.children-view .detail-handnote{display:none}}

.children-view .study-shelf-friend{height:145px;margin-top:15px;max-width:150px}.children-view .study-shelf-friend img{inset:0;width:100%;height:100%;object-fit:contain}.children-view .study-shelf-friend i{display:none}.children-view .study-companion img{object-fit:contain}.children-view #miao-pet-launcher img{object-fit:contain}

/* Match the reference reading mascot while preserving the live 24-cat chooser. */
body.studio-page.children-view [data-cat-avatar="cat-0"]>.cat-portrait{aspect-ratio:1.36;background:transparent}
body.studio-page.children-view [data-cat-avatar="cat-0"] .cat-portrait>.cat-sprite,body.studio-page.children-view #miao-pet-launcher [data-cat-avatar="cat-0"] .cat-portrait>.cat-sprite{aspect-ratio:1.36;background-image:url('assets/children-detail/reading-mascot-v1.opt-v1.webp');background-size:contain;background-position:center;background-repeat:no-repeat;background-color:transparent}
.children-view .study-shelf-friend>.cat-current-avatar{position:relative;width:150px;max-width:100%;height:auto}