/* JL Activities v2.0 */
.jl-activities-grid { max-width: 1200px; margin: 0 auto; padding: 40px clamp(16px,4vw,40px); }
.jl-activity-card { background: white; border-radius: 24px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: all 0.4s cubic-bezier(0.34,1.56,0.64,1); }
.jl-activity-card:hover { transform: translateY(-8px); }
.jl-materials-list { background: #FFF8E7; border-radius: 16px; padding: 20px; margin: 20px 0; }
.jl-materials-list h4 { font-family: 'Fredoka', sans-serif; font-size: 16px; margin: 0 0 12px; color: #E8739A; }
.jl-materials-list ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.jl-materials-list li { padding: 6px 14px; border-radius: 100px; background: white; font-size: 13px; font-weight: 600; color: #2C3E50; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
.jl-activity-steps { counter-reset: step; }
.jl-activity-step { counter-increment: step; padding: 20px 20px 20px 60px; position: relative; margin-bottom: 12px; }
.jl-activity-step::before { content: counter(step); position: absolute; left: 0; top: 16px; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #E8739A, #9B6FCF); color: white; font-weight: 700; display: flex; align-items: center; justify-content: center; font-size: 16px; }