/* Shared shelf section headers. Typography lives in home-typography.css. */
body.studio-page.children-view .study-layout :is(.grade-heading,.pp-shelf-heading,.why-preview>header,.kids-library-heading){display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px;height:auto;padding:0;margin:0 0 12px;background:transparent;border:0;box-shadow:none}
body.studio-page.children-view .study-layout :is(.grade-heading strong,.pp-shelf-heading h2,.why-preview>header h2,.kids-library-heading h2){margin:0;padding:0;color:var(--study-ink,#203955)}
body.studio-page.children-view .study-layout :is(.pp-shelf-heading p,.why-preview>header p){margin:4px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
body.studio-page.children-view .study-layout :is(.grade-heading>span,.pp-shelf-heading>span){font-size:13px;line-height:1.6;color:var(--muted)}
body.studio-page.children-view .study-layout .grade-heading{justify-content:flex-start}
body.studio-page.children-view .study-layout :is(.children-grade-toolbar,.pp-shelf,.why-preview){margin:16px 0;padding:16px 0;border:0;border-top:1px solid #dfe7ec}
body.studio-page.children-view.dark .study-layout :is(.children-grade-toolbar,.pp-shelf,.why-preview){border-top-color:#35506a}
body.studio-page.children-view .study-layout .kids-library{padding:16px 0 18px;border-radius:0;border:0;border-top:1px solid #dfe7ec;background:transparent;box-shadow:none}
body.studio-page.children-view.dark .study-layout .kids-library{border-top-color:#35506a}
body.studio-page.children-view .study-layout .why-preview .science-book-grid{margin-top:0}

/* Compact shared Chinese/English shelf: five books on desktop. */
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;align-items:start;min-width:0}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid)>.child-book{min-width:0;min-height:0;height:auto;border-radius:4px;align-self:start}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) .child-cover{width:100%;height:auto;min-height:0;aspect-ratio:3/4!important;max-height:none;border-radius:4px;flex-shrink:0}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) .child-cover img{object-fit:cover;object-position:center 40%}
/* Featured books are complete covers with one separate row of native actions. */
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid)>.child-book{display:flex;flex-direction:column;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) .child-cover{position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;box-shadow:2px 2px 0 #64738438}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) :is(.child-cover-copy,.graded-cover-copy){display:block;position:absolute;inset:auto 0 0;padding:32px 8px 10px;background:linear-gradient(transparent,#10251fdb);color:#fff9ec;text-align:center;z-index:2;border:0;border-radius:0;transform:none;box-sizing:border-box}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) :is(.child-cover-copy,.graded-cover-copy) strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;max-height:calc(2 * 1.3em);font-family:inherit;font-size:clamp(14px,8cqi,18px);font-weight:600;line-height:1.3;letter-spacing:0;margin:0;text-wrap:balance;white-space:normal;color:inherit;text-shadow:0 1px 3px #10251f}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) :is(.child-cover-copy,.graded-cover-copy) small{display:block;margin-top:4px;font-size:11px;line-height:1.5;font-weight:400;letter-spacing:0;color:#f1eee5}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) :is(.detail-cover-label,.child-cover-foot,.graded-cover-foot,.duckling-book-entry){display:none}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) .child-book-bottom{display:flex;justify-content:space-between;align-items:center;gap:3px;width:100%;margin:5px 0 0;padding:0;border:0;min-height:32px;background:transparent}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) .child-read-link{display:inline-flex;align-items:center;gap:3px;min-width:0;min-height:32px;font:inherit;font-size:12px;line-height:1.5;padding:0;color:var(--muted);white-space:nowrap}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) .child-read-link svg{width:15px;height:15px;flex-shrink:0}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) .child-save-book{flex:0 0 30px;width:30px;height:32px;min-height:32px;padding:0;border:0;background:transparent}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) .child-cover:focus-visible{outline:2px solid #72a4e4;outline-offset:3px}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid)>.child-book>:is(h3,p,.child-book-meta){display:none}
body.studio-page.children-view .study-layout #english-book-grid :is(.child-cover-copy,.graded-cover-copy) strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(14px,8cqi,18px);line-height:1.3;letter-spacing:0;overflow-wrap:normal;hyphens:none}
body.studio-page.children-view .study-layout #english-book-grid :is(.child-cover-copy,.graded-cover-copy) em{display:block;margin:4px 0 0;font:400 11px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:inherit}
body.studio-page.children-view .study-layout #english-book-grid .graded-cover-copy>small{display:none}
@media(min-width:601px){body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:761px){body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1100px){body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid){grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:600px){body.studio-page.children-view .study-layout #english-book-grid .child-read-link,body.studio-page.children-view .study-layout #english-book-grid .child-save-book{min-height:34px;height:34px}body.studio-page.children-view .study-layout #english-book-grid>.child-book>.child-book-bottom{min-height:34px;height:34px}}

/* Generated cover art already contains its title; keep the DOM title accessible. */
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) .child-cover[data-designed-cover] img{object-fit:contain;object-position:center}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) .child-cover[data-designed-cover] .child-cover-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:none}
body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) .child-book-info{display:flex;flex-direction:column;gap:2px;margin-top:9px;min-height:38px;color:var(--muted);font:400 12px/1.5 var(--sprout-font-ui,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif)}

body.studio-page.children-view .study-layout :is(#children-book-grid,#english-book-grid) .child-book-details{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
