.children-view :is(.duckling-feature,.prince-feature){display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:center;margin:0 0 20px;padding:15px;border:1px solid var(--line,#dce4da);border-radius:4px;background:var(--paper,#fff)}
.children-view .duckling-feature-preview{position:relative;display:block;height:136px;overflow:hidden;border-radius:3px;background:#f4f1e7}
.children-view .duckling-feature-preview img{width:100%;height:100%;object-fit:cover;object-position:70% 48%;display:block}
.children-view .duckling-feature-preview>span{position:absolute;left:7px;bottom:7px;background:#fffdf0ed;color:#546a4c;font-size:11px;line-height:1.5;padding:3px 7px;border-radius:3px}
.children-view .duckling-feature-kicker{font-size:12px;color:var(--muted,#71816c)}
.children-view :is(.duckling-feature,.prince-feature) h2{margin:6px 0 8px;font-size:var(--sprout-type-section-title-size,15px);line-height:var(--sprout-type-section-title-line,24px);font-weight:var(--sprout-type-section-title-weight,400);color:var(--ink,#293c32)}
.children-view :is(.duckling-feature,.prince-feature) p{font-size:14px;line-height:1.8;margin:0;color:var(--muted,#71816c)}
.children-view .duckling-feature-actions{display:flex;flex-wrap:wrap;gap:9px 15px;align-items:center;margin-top:12px}
.children-view .duckling-feature-actions a{font-size:13px;line-height:1.5;text-decoration:none;color:var(--ink,#293c32);padding:7px 0}
.children-view .duckling-feature-actions .duckling-feature-primary{border:1px solid #73936b;background:#73936b;color:#fff;border-radius:4px;padding:7px 12px}
.children-view .duckling-book-entry{display:block;font-size:12px;line-height:1.7;padding-top:8px;margin-top:8px;border-top:1px dashed var(--line,#dce4da);color:var(--ink,#405c40);text-decoration:none}
.children-view :is(:is(.duckling-feature,.prince-feature) a,.duckling-book-entry):focus-visible{outline:3px solid #4e93c2;outline-offset:3px}
body.dark :is(.duckling-feature,.prince-feature){background:var(--paper,#152235)}
@media(max-width:800px){.children-view :is(.duckling-feature,.prince-feature){grid-template-columns:140px minmax(0,1fr);gap:14px;padding:12px}.children-view :is(.duckling-feature,.prince-feature) h2{font-size:var(--sprout-type-section-title-size,15px)}.children-view .duckling-feature-preview{height:140px}}
@media(max-width:500px){.children-view :is(.duckling-feature,.prince-feature){grid-template-columns:100px minmax(0,1fr);gap:12px;margin-bottom:14px}.children-view .duckling-feature-preview{height:147px}.children-view :is(.duckling-feature,.prince-feature) h2{font-size:var(--sprout-type-section-title-size,15px)}.children-view :is(.duckling-feature,.prince-feature) p{font-size:13px;line-height:1.7}.children-view .duckling-feature-kicker{font-size:11px}.children-view .duckling-feature-actions{grid-column:1/-1;gap:8px;margin-top:8px}.children-view .duckling-feature-actions a{font-size:12px}}

/* A dedicated row keeps both games directly below the popup books. */
.children-view .children-story-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
.children-view .children-story-games:empty{display:none}
.children-view .children-story-games>:is(.duckling-feature,.prince-feature){min-width:0;margin:0;grid-template-columns:minmax(100px,30%) minmax(0,1fr);gap:14px;align-items:start}
.children-view .duckling-feature-copy{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){
 .children-view .children-story-games{grid-template-columns:1fr}
}
