/* Reference-led layout only: share the adult home gutters and keep navigation. */
body.studio-page.children-view .studio-workspace{width:calc(100% - clamp(48px,14vw,280px));max-width:1400px;margin:0 auto;padding:20px 0 32px;display:block}
body.studio-page.children-view .study-layout{grid-template-columns:152px minmax(0,1fr) 226px;gap:22px}
body.studio-page.children-view .study-layout .study-left{padding:13px 13px 0 0;border-right-color:#eff4fa}
.children-view .study-side-title{padding:0 3px 22px;gap:9px;font-size:12px}.children-view .study-side-title b{font-size:16px}.children-view .study-sprout{font-size:28px}
body.studio-page.children-view .study-layout .study-left nav button{min-height:66px;gap:10px;padding:10px 7px}
.children-view .study-left nav b{font-size:13px}.children-view .study-left nav small{font-size:10px;line-height:1.7}.children-view .study-category-icon{width:29px;font-size:27px}.children-view .study-left-note{margin-top:28px}
.children-view .study-slide{grid-template-columns:43% minmax(0,57%);min-height:306px;padding:4px 0 0;gap:0}
body.studio-page.children-view .study-layout .kids-welcome-copy{padding:9px 10px 15px 0;position:relative;z-index:1}
body.studio-page.children-view .study-layout .children-heading h1,body.studio-page.children-view .study-layout .children-heading h2{font-size:clamp(27px,2.25vw,37px);line-height:1.45;letter-spacing:-.7px;margin:14px 0 12px}
body.studio-page.children-view .study-layout .kids-welcome-copy h1 em,body.studio-page.children-view .study-layout .kids-welcome-copy h2 em{letter-spacing:-1px}
body.studio-page.children-view .study-layout .children-heading p{font-size:12px;line-height:1.95}
body.studio-page.children-view .study-layout .kids-welcome-actions{gap:12px;margin-top:23px;flex-wrap:wrap}
body.studio-page.children-view .study-layout .kids-welcome-actions>button:first-child{padding:10px 15px;min-height:42px;border-radius:4px}
body.studio-page.children-view .study-layout .kids-welcome-actions .miao-greet{font-size:10px;min-height:38px}
.children-view .study-reference-scene:before{display:none}
.children-view .study-reference-scene{width:100%;min-width:0;align-self:center;padding:13px 0 12px;position:relative;overflow:hidden}
.children-view .study-friends{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 3px 12px;scrollbar-width:thin;scrollbar-color:#d5e9fa transparent}
.children-view .study-friend{flex:0 0 calc((100% - 20px)/3);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;border:1px solid #e6f1fa;border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 3px 10px #2685cd0a;text-align:center;padding:0 0 12px;color:#273c58;cursor:pointer}
.children-view .study-friend:focus-visible{outline:2px solid #1684ec;outline-offset:-3px}
.children-view .study-friend-portrait{width:100%;aspect-ratio:1/.9;display:block;background-image:url('assets/miaozhizhi-wardrobe-reference.opt-v1.webp');background-size:500% auto;background-position:var(--friend-position) top;background-repeat:no-repeat}
.children-view .study-friend-name{display:flex;align-items:center;gap:5px;font-size:12px;line-height:1.8;margin:8px 2px 5px;white-space:nowrap}.children-view .study-friend-name .icon{width:16px;height:16px;color:#288ce9}.children-view .study-friend:nth-child(3) .study-friend-name .icon{color:#7cb957}.children-view .study-friend:nth-child(4) .study-friend-name .icon{color:#e2b83e}.children-view .study-friend small{font-size:9px;line-height:1.8;color:#8393ad}
.children-view .study-carousel-bar{padding:4px 0 8px}.children-view .study-carousel-bar>span{font-size:9px}.children-view .study-carousel-controls{gap:5px}
body.studio-page.children-view .study-layout .children-heading{margin-bottom:25px}
body.studio-page.children-view .study-layout .kids-library-heading{margin-bottom:12px}
body.studio-page.children-view .study-layout .kids-library-heading h2{font-size:23px}
body.studio-page.children-view .study-layout .children-tools{padding-bottom:11px;margin-bottom:15px;gap:7px}
.children-view .study-book-tabs{gap:3px}.children-view .study-book-tabs button{padding:6px 9px;font-size:10px;min-height:33px}
body.studio-page.children-view .study-layout .children-book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 13px}
body.studio-page.children-view .study-layout .child-book{border-radius:4px;box-shadow:0 3px 9px #2185d108;border-color:#eaf2f9}
body.studio-page.children-view .study-layout .child-cover{aspect-ratio:1/1.07;border-radius:3px 3px 0 0}
body.studio-page.children-view .study-layout .child-cover-copy{padding:10px 5px 27px}
body.studio-page.children-view .study-layout .child-cover-copy strong{font-size:clamp(22px,1.8vw,29px);letter-spacing:1px}
body.studio-page.children-view .study-layout .child-book h3{font-size:14px;line-height:1.6;margin:9px 10px 4px}
body.studio-page.children-view .study-layout .child-book>p{font-size:11px;margin:0 10px;line-height:1.8;min-height:38px}
body.studio-page.children-view .study-layout .child-book-bottom{min-height:32px;margin-top:0}
.children-view .study-right{gap:16px}.children-view .study-ranking,.children-view .study-growth,.children-view .study-activity{padding:16px 14px 13px;border-radius:5px;box-shadow:0 4px 16px #2387d208}
.children-view .study-ranked-book{padding:10px 0;min-height:65px;gap:8px}.children-view .study-ranked-book b{font-size:11px}.children-view .study-ranked-book small{font-size:10px}.children-view .study-rank{font-size:16px;width:18px}.children-view .study-rank-arrow{font-size:10px}.children-view .study-section-head h2{font-size:17px}.children-view .study-rank-tabs{gap:12px}.children-view .study-rank-tabs button{font-size:11px}
body.children-view .study-layout .kr-reading-entry{margin-bottom:16px;padding:10px 12px}
.dark .study-friend{background:#223348;border-color:#344b65;color:#e1ebf8}.dark .study-friend small{color:#acbed4}
@media(min-width:1600px){body.studio-page.children-view .study-layout{grid-template-columns:166px minmax(0,1fr) 240px;gap:24px}.children-view .study-friend{flex-basis:calc((100% - 30px)/4)}.children-view .study-slide{min-height:325px}}
@media(max-width:1200px){body.studio-page.children-view .study-layout{grid-template-columns:138px minmax(0,1fr) 202px;gap:17px}.children-view .study-slide{grid-template-columns:1fr;min-height:0}.children-view .study-reference-scene{max-width:none;padding-top:0}.children-view .study-friend{flex-basis:calc((100% - 30px)/4)}.children-view .study-friend-portrait{aspect-ratio:1/.9}.children-view .study-friend small{font-size:8px}body.studio-page.children-view .study-layout .children-heading h1,body.studio-page.children-view .study-layout .children-heading h2{font-size:30px}body.studio-page.children-view .study-layout .kids-welcome-copy h1 em,body.studio-page.children-view .study-layout .kids-welcome-copy h2 em{display:inline;margin-left:6px}body.studio-page.children-view .study-layout .kids-welcome-actions{margin-top:14px}.children-view .study-right{display:grid;grid-template-columns:1fr}.children-view .study-ranking{grid-row:auto}.children-view .study-companion{grid-column:auto}.children-view .study-side-title{gap:7px;font-size:11px}.children-view .study-side-title b{font-size:14px}.children-view .study-left nav b{font-size:12px}.children-view .study-left nav small{font-size:9px}body.studio-page.children-view .study-layout .children-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){body.studio-page.children-view .studio-workspace{width:calc(100% - 40px)}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));align-items:start}.children-view .study-ranking{grid-row:span 2}.children-view .study-companion{grid-column:auto}.children-view .study-slide{grid-template-columns:1fr}.children-view .study-friend{flex-basis:calc((100% - 30px)/4)}.children-view .study-left{grid-row:1 / span 2}.children-view .study-slide-status{font-size:9px}}
@media(max-width:700px){body.studio-page.children-view .study-layout{grid-template-columns:1fr;gap:18px}body.studio-page.children-view .study-layout .study-left{grid-row:auto;position:static;border:0;padding:0}.children-view .study-side-title,.children-view .study-left-bottom{display:none}.children-view .study-left nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:5px}body.studio-page.children-view .study-layout .study-left nav button{width:auto;min-height:43px;flex-shrink:0;gap:6px;padding:7px 10px}.children-view .study-left nav small{display:none}.children-view .study-category-icon{font-size:20px;width:22px}.children-view .study-category-icon.category-english{font-size:15px;width:20px;height:22px}.children-view .study-category-icon.category-literature{font-size:24px}.children-view .study-left nav b{font-size:11px}.children-view .study-slide{padding:0;min-height:0}.children-view .study-right{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr))}.children-view .study-growth,.children-view .study-activity{grid-column:2}.children-view .study-companion{grid-column:1/-1}.children-view .study-reference-scene{width:100%;margin:0;max-width:none}.children-view .study-friend{flex-basis:calc((100% - 30px)/4)}body.studio-page.children-view .study-layout .children-heading h1,body.studio-page.children-view .study-layout .children-heading h2{font-size:29px;margin:10px 0}body.studio-page.children-view .study-layout .children-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.children-view .study-slide .kids-welcome-copy{align-self:auto}.children-view .study-carousel-bar>span{font-size:8px}}
@media(max-width:500px){body.studio-page.children-view .studio-workspace{width:calc(100% - 20px);padding-top:12px}.children-view .study-right{grid-template-columns:1fr}.children-view .study-growth,.children-view .study-activity,.children-view .study-ranking,.children-view .study-companion{grid-column:1;grid-row:auto}.children-view .study-friend{flex-basis:calc((100% - 20px)/3)}.children-view .study-friend-name{font-size:11px}.children-view .study-friend small{font-size:8px}.children-view .study-friend-portrait{aspect-ratio:1/.9}body.studio-page.children-view .study-layout .children-heading h1,body.studio-page.children-view .study-layout .children-heading h2{font-size:28px;line-height:1.45}body.studio-page.children-view .study-layout .kids-welcome-copy h1 em,body.studio-page.children-view .study-layout .kids-welcome-copy h2 em{display:block;margin:0}body.studio-page.children-view .study-layout .children-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 11px}.children-view .study-carousel-controls{gap:3px}.children-view .study-carousel-bar{gap:5px}body.studio-page.children-view .study-layout .children-heading{margin-bottom:18px}body.studio-page.children-view .study-layout .kids-welcome-copy{padding-right:0}body.studio-page.children-view .study-layout .child-cover-copy strong{font-size:25px}.children-view .study-news-grid{grid-template-columns:1fr}.children-view .study-reference-scene{padding-bottom:5px}}

/* Fixed illustrated sidebar artwork, independent of platform Emoji fonts. */
body.studio-page.children-view .study-layout .study-category-icon{width:31px;height:35px;display:grid;place-items:center;background:none;border:0;border-radius:0;box-shadow:none;filter:none;margin:0;flex-shrink:0}
.study-category-art{display:block;width:100%;height:100%;overflow:visible}
.children-view .study-sprout{width:32px;height:36px;display:block;flex-shrink:0}
.children-view .study-left-bottom>button[data-child-category="saved"]{gap:10px}
.children-view .study-left-bottom .category-saved{width:25px!important;height:29px!important}
@media(max-width:700px){body.studio-page.children-view .study-layout .study-category-icon{width:23px;height:26px}}