/* Generated from childrenReadingSidebar; scoped to the children's reading sidebar. */
.children-view .reading-discoveries,.children-view .reading-companion{--reading-side-ink:#203955;--reading-side-muted:#60758b;--reading-side-line:#dfeaf2;--reading-side-paper:#ffffff;--reading-side-soft:#f0f8fd;--reading-side-active:#1768b4;min-width:0;color:var(--reading-side-ink)}
.children-view.dark .reading-discoveries,.children-view.dark .reading-companion{--reading-side-ink:#e3edf8;--reading-side-muted:#b4c8dc;--reading-side-line:#344d67;--reading-side-paper:#152b42;--reading-side-soft:#203a53;--reading-side-active:#9bcaff}
.children-view .reading-discoveries{padding:12px;border:1px solid var(--reading-side-line);border-radius:4px;background:var(--reading-side-paper);box-shadow:none}
.children-view .reading-discoveries .study-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px;padding:0;min-height:28px;border:0;border-bottom:1px solid color-mix(in srgb,var(--reading-side-line) var(--sprout-divider-strength,45%),transparent)}
.children-view .reading-discoveries .study-section-head h2{display:flex;align-items:center;gap:6px;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);color:var(--reading-side-ink)}
.children-view .reading-discoveries .study-section-head h2 .icon{width:18px;height:18px;color:var(--reading-side-active)}
.children-view .reading-discoveries .study-section-head>button{padding:3px 0;min-height:28px;border:0;background:none;color:var(--reading-side-active);font:400 12px/19px var(--sprout-font-ui);white-space:nowrap}
.children-view .reading-metrics{display:grid;gap:2px;margin:0 0 8px}
.children-view .reading-metric{display:flex;align-items:center;gap:8px;min-height:42px;width:100%;padding:4px 0;border:0;border-radius:4px;background:transparent;box-shadow:none;text-align:left;color:var(--reading-side-muted);font:400 13px/21px var(--sprout-font-ui)}
.children-view .reading-metric>span:first-child{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#edf8fd}
.children-view .reading-metric>span:first-child :is(svg,img){display:block;width:20px;height:20px;object-fit:contain}
.children-view .reading-metric[data-tone="gold"]>span:first-child{background:#fff6e2}
.children-view .reading-metric[data-tone="pink"]>span:first-child{background:#fff0fa}
.children-view .reading-metric-copy{flex:1;min-width:0}
.children-view .reading-metric b{font-size:16px;font-weight:500;color:var(--reading-side-ink);margin-inline:2px;font-variant-numeric:tabular-nums}
.children-view .reading-metric>span:last-child{font-size:18px;color:var(--reading-side-muted)}
.children-view .reading-recommendation{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:0;border-radius:4px;background:var(--reading-side-soft);color:var(--reading-side-ink);text-align:left}
.children-view .reading-recommendation>span{flex:1;min-width:0}
.children-view .reading-recommendation b{display:block;font:500 13px/21px var(--sprout-font-ui)}
.children-view .reading-recommendation small,.children-view .reading-record-note{font:400 12px/19px var(--sprout-font-ui);color:var(--reading-side-muted)}
.children-view .reading-recommendation small{display:block;margin-top:2px}
.children-view .reading-recommendation img{width:28px;height:38px;object-fit:contain;border-radius:2px;flex-shrink:0}
.children-view .reading-record-note{margin:8px 0 0}
.children-view .reading-companion{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:8px 12px;border:0;border-radius:4px;background:var(--reading-side-paper);box-shadow:none}
.children-view .reading-companion>[data-cat-avatar]{display:block;width:66px;height:72px;flex:0 0 66px}
.children-view .reading-companion>[data-cat-avatar] :is(img,svg){display:block;width:100%;height:100%;object-fit:contain}
.children-view .reading-companion>div{min-width:0;padding:0;background:none;border:0;box-shadow:none}
.children-view .reading-companion h2{margin:0 0 4px;font:500 13px/21px var(--sprout-font-ui)}
.children-view .reading-companion p{display:none}
.children-view .reading-companion button{display:flex;align-items:center;gap:4px;padding:2px 0;min-height:28px;border:0;background:transparent;color:var(--reading-side-active);font:400 12px/19px var(--sprout-font-ui)}
.children-view .reading-companion .icon{width:14px;height:14px}
.children-view :is(.reading-metric,.reading-recommendation,.reading-companion button):focus-visible{outline:2px solid var(--reading-side-active);outline-offset:2px}