.reader-collage-grid .reader-collage-card{min-height:360px;isolation:isolate;background:#e6f0e9;transform:none}
.reader-collage{position:absolute;inset:0;overflow:hidden;z-index:-2}
.reader-collage-image{position:absolute;width:57%;height:58%;object-fit:cover;border:5px solid #fff;border-radius:12px;box-shadow:0 8px 20px #173e4933}
.collage-image-1{left:-5%;top:-7%;transform:rotate(-9deg)}
.collage-image-2{right:-5%;top:-4%;transform:rotate(8deg)}
.collage-image-3{left:-2%;bottom:-10%;transform:rotate(7deg)}
.collage-image-4{right:-3%;bottom:-8%;transform:rotate(-8deg)}
.reader-collage-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f2fafaf5 0%,#f2fafae8 23%,#f2fafa70 47%,transparent 68%)}
.reader-collage-grid .reader-collage-card .card-copy{position:relative;padding:28px;max-width:100%}
.reader-collage-grid .reader-collage-card .card-title{font-size:clamp(24px,2.7vw,31px);line-height:1.25;text-wrap:balance;margin-bottom:10px}
.reader-collage-caption{display:block;font-size:14px;font-weight:500;color:#254c56}
.reader-collage-grid .reader-collage-card .card-arrow{display:grid;place-items:center;width:44px;height:44px;background:#ffffffed;border-radius:50%;right:18px;bottom:18px;font-size:25px}
.reader-collage-grid .reader-collage-card:hover{transform:translateY(-4px)}
@media(max-width:560px){.reader-collage-grid .reader-collage-card{min-height:330px}.reader-collage-grid .reader-collage-card .card-copy{padding:24px}.reader-collage-grid .reader-collage-card .card-title{font-size:26px}}
.phonics-collage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.phonics-collage-grid .phonics-collage-card{min-height:350px}
.phonics-collage-grid .phonics-collage-card .card-copy{padding:20px}
.phonics-collage-grid .phonics-collage-card .card-title{font-size:24px;margin-bottom:8px}
.phonics-collage-card:before{background:linear-gradient(180deg,#f2fafafc 0%,#f2fafaf2 44%,#f2fafac0 57%,transparent 78%)}
.phonics-collage-grid .phase-name{font-size:18px;line-height:1.3;margin:0 0 9px}
.phonics-collage-grid .card-description{max-width:none;min-height:0;font-size:13px;line-height:1.45;color:#254c56}
.phonics-collage-grid .card-status{font-size:12px;color:#254c56;margin-top:10px}
@media(max-width:1000px){.phonics-collage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.phonics-collage-grid{grid-template-columns:1fr}.phonics-collage-grid .phonics-collage-card{min-height:340px}}
@media(prefers-reduced-motion:reduce){.reader-collage-grid .reader-collage-card:hover{transform:none}}