/* Generated from scoped childShelfControls; typography uses the adopted section-title role. */
body.children-view{--shelf-ink:#203955;--shelf-muted:#60758b;--shelf-active:#1768b4}
body.children-view.dark{--shelf-ink:#e3edf8;--shelf-muted:#b4c8dc;--shelf-active:#9bcaff}
.children-view .shelf-collection-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 12px;margin:0;min-width:0}
.children-view .shelf-collection{display:flex;flex-direction:column;gap:4px;min-width:0;padding:0;border:0;background:transparent;text-decoration:none;color:var(--shelf-ink)}
.children-view .shelf-collection-cover{position:relative;display:block;aspect-ratio:3 / 2;overflow:hidden;border-radius:4px;background:#dfe7ec}
/* Extract each square sprite without stretching; crop the centered square inside a landscape frame. */
.children-view .shelf-collection-cover>span{position:absolute;left:0;top:50%;width:100%;aspect-ratio:1;transform:translateY(-50%);background-size:400% 300%;background-repeat:no-repeat}
.children-view .shelf-collection>strong{margin:0;font:var(--sprout-type-section-title-weight) var(--sprout-type-section-title-size)/var(--sprout-type-section-title-line) var(--sprout-font-ui);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--shelf-ink)}
.children-view .shelf-collection>small{font:400 12px/18px var(--sprout-font-ui);color:var(--shelf-muted);white-space:nowrap}
.children-view .shelf-collection:hover>strong{text-decoration:underline;text-underline-offset:4px}
body.children-view .study-layout :is(.shelf-filter-row,.grade-options,.english-browse-switch,.english-choice-list,.english-levels){display:flex;align-items:center;flex-wrap:wrap;gap:0 16px;min-width:0;margin:0;padding:0;border:0;background:transparent}
body.children-view .study-layout .shelf-filter-main{flex:1;margin-left:16px}
body.children-view .study-layout .shelf-filter-stories{margin-bottom:12px}
body.children-view .study-layout :is(.shelf-filter-row,.grade-options,.english-browse-switch,.english-choice-list,.english-levels)>button{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:4px 0 6px;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--shelf-muted);font:var(--sprout-type-section-title-weight) var(--sprout-type-section-title-size)/var(--sprout-type-section-title-line) var(--sprout-font-ui);white-space:nowrap;cursor:pointer}
body.children-view .study-layout :is(.shelf-filter-row,.grade-options,.english-browse-switch,.english-choice-list,.english-levels)>button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}
body.children-view .study-layout :is(.shelf-filter-row,.grade-options,.english-browse-switch,.english-choice-list,.english-levels)>button[aria-pressed=true],body.children-view .study-layout :is(.shelf-filter-row,.grade-options,.english-browse-switch,.english-choice-list,.english-levels)>button:hover{color:var(--shelf-active);font-weight:var(--sprout-type-section-title-weight);background:transparent}
body.children-view .study-layout :is(.shelf-filter-row,.grade-options,.english-browse-switch,.english-choice-list,.english-levels)>button[aria-pressed=true]::after{background:currentColor}
body.children-view .study-layout .shelf-filter-row>button>span{font:400 12px/18px var(--sprout-font-ui);color:var(--shelf-muted);font-variant-numeric:tabular-nums}
body.children-view .study-layout :is(.english-browse-switch,.english-choice-list,.english-levels)>button.active{color:var(--shelf-active);font-weight:var(--sprout-type-section-title-weight);background:transparent}
body.children-view .study-layout :is(.english-browse-switch,.english-choice-list,.english-levels)>button.active::after{background:currentColor}
body.children-view .study-layout .english-choice-list>button :is(strong,span:not(.english-topic-symbol)){font:inherit;color:inherit}
body.children-view .study-layout .english-browse{margin:4px 0 14px;padding:0;border:0;border-radius:0;background:transparent;color:var(--shelf-ink)}
body.children-view .study-layout .english-browse-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;flex-wrap:wrap}
body.children-view .study-layout .english-browse-label{font:var(--sprout-type-section-title-weight) var(--sprout-type-section-title-size)/var(--sprout-type-section-title-line) var(--sprout-font-ui);color:var(--shelf-ink)}
body.children-view .study-layout .english-browse-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.children-view .study-layout .english-source{display:flex;align-items:center;gap:4px;font:400 12px/18px var(--sprout-font-ui);color:var(--shelf-muted)}
body.children-view .study-layout .english-source select{font:inherit;color:var(--shelf-ink)}
body.children-view .study-layout .english-browse-guidance{margin:4px 0 0;font:400 12px/18px var(--sprout-font-ui);color:var(--shelf-muted)}
body.children-view .study-layout .english-topic-symbol{font:var(--sprout-icon-section)/1 var(--sprout-font-ui);color:var(--shelf-active)}
body.children-view .study-layout .shelf-filter-row>small{margin-left:auto;font:400 12px/18px var(--sprout-font-ui);color:var(--shelf-muted)}
.children-view .shelf-collection:focus-visible,body.children-view .study-layout :is(.shelf-filter-row,.grade-options,.english-browse-switch,.english-choice-list,.english-levels)>button:focus-visible{outline:2px solid var(--shelf-active);outline-offset:3px}
@media(max-width:1100px){.children-view .shelf-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.children-view .study-layout .shelf-filter-main{flex-basis:100%;margin-left:0}}
@media(max-width:600px){.children-view .shelf-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}