.collecto-kids-media { display:grid; gap:.75rem; margin-top:1.5rem; }
.collecto-kids-media :is(h3,h4,h5,p) { margin:0; }
.collecto-kids-media article { display:grid; gap:.5rem; min-width:0; padding:1rem; border:1px solid #aa9668; border-radius:.75rem; overflow-wrap:anywhere; }
.collecto-kids-media article p { white-space:pre-wrap; }
.collecto-kids-media :is(audio,video) { max-width:100%; }
.collecto-custom-frame { position:fixed; inset:0; z-index:4; pointer-events:none; --frame-edge:clamp(6px,2vw,22px); }
.collecto-custom-frame div { position:absolute; background-image:var(--collecto-custom-art); background-repeat:no-repeat; }
.collecto-custom-frame div:nth-child(1) { inset:0 0 auto; height:var(--frame-edge); background-position:top center; background-size:100% auto; }
.collecto-custom-frame div:nth-child(2) { inset:0 0 0 auto; width:var(--frame-edge); background-position:right center; background-size:auto 100%; }
.collecto-custom-frame div:nth-child(3) { inset:auto 0 0; height:var(--frame-edge); background-position:bottom center; background-size:100% auto; }
.collecto-custom-frame div:nth-child(4) { inset:0 auto 0 0; width:var(--frame-edge); background-position:left center; background-size:auto 100%; }

.collecto-kids-media img { display:block; width:auto; max-width:100%; max-height:26rem; object-fit:contain; }
.collecto-kids-media video { width:min(100%,46rem); }