/* Homepage Polish Pass 02 — available Play & Learn activity cards only. */
.homepage-activity-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  align-items:stretch;
}
.homepage-activity-card{min-height:294px}
.homepage-activity-card .art{height:185px}
.homepage-activity-card .card-copy{min-height:109px;padding:16px 18px}
.homepage-activity-card .card-copy p{font-size:13px;line-height:1.24}
.match-gold-art{display:grid;place-items:center;isolation:isolate;background:linear-gradient(135deg,#fff2bd,#ffd2dd)}
.match-gold-art::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.35),transparent 56%);z-index:4;pointer-events:none}
.match-gold-art__board-stage{position:relative;z-index:1;height:calc(100% - 18px);aspect-ratio:1792 / 842}
.match-gold-art__board{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;filter:drop-shadow(0 6px 5px rgba(86,48,29,.2))}
.match-gold-art__piece{position:absolute!important;z-index:2;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;max-width:none!important;object-fit:contain!important;filter:drop-shadow(0 1px 1px rgba(39,23,11,.4))}
/* Exact seated-state positions from the completed Shapes Board 01 Gold runtime. */
.match-gold-art__piece--circle{width:17.5%!important;left:10%;top:23%}
.match-gold-art__piece--square{width:15.8%!important;left:38%;top:25%}
.match-gold-art__piece--triangle{width:19.5%!important;left:62.5%;top:20%}
.color-activity-art{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;justify-items:center;gap:8px;padding:10px 9%;background:linear-gradient(135deg,#e7faf0 0%,#c8f4f6 48%,#fff3bd 100%)}
.color-activity-art__page{height:100%;width:min(100%,145px);display:grid;place-items:center;overflow:hidden;border:2px solid #e4eced;border-radius:11px;background:#fff;box-shadow:0 4px 10px rgba(50,91,101,.14)}
.color-activity-art__page img{position:static!important;width:76%;height:118%;max-width:none!important;object-fit:contain;transform:translateY(8%)}
.color-activity-art__palette{display:grid;grid-template-columns:repeat(2,20px);gap:6px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 4px 10px rgba(50,91,101,.14)}
.color-activity-art__palette span{width:20px;height:20px;border:2px solid #eef0ed;border-radius:50%;box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}
.color-activity-art__palette span:nth-child(1){background:#ef6262}.color-activity-art__palette span:nth-child(2){background:#f4c542}.color-activity-art__palette span:nth-child(3){background:#62b977}.color-activity-art__palette span:nth-child(4){background:#4d92d9}.color-activity-art__palette span:nth-child(5){background:#8d70c8}.color-activity-art__palette span:nth-child(6){background:#ef91b2}
.color-activity-art__result{position:static!important;width:min(100%,145px)!important;height:112%!important;max-width:none!important;object-fit:contain!important;align-self:end;filter:drop-shadow(0 4px 4px rgba(45,85,126,.18))}
@media(max-width:620px){
  .homepage-activity-card{min-height:0}
  .homepage-activity-card .art{height:170px}
}