#expandedLessons{margin:22px 0}#expandedLessons>h2{color:#6a2d4b}#expandedLessons .expanded-card{background:#fffdf8;border:1px solid #e5d9cb;border-inline-start:6px solid #ad7841;padding:17px;margin:12px 0;border-radius:15px;box-shadow:0 5px 14px #3322110d}#expandedLessons .expanded-card h3{margin:0;color:#6a2d4b}#expandedLessons .expanded-card p{font-size:clamp(17px,2.6vw,21px);line-height:1.9}#expandedLessons .expanded-card small{color:#615760}
#expandedLessons .expanded-card{overflow:hidden;border-inline-start-width:7px;transition:transform .2s ease,box-shadow .2s ease}
#expandedLessons .expanded-card:nth-of-type(6n+1){border-inline-start-color:#9b4777;background:#fff8fc}
#expandedLessons .expanded-card:nth-of-type(6n+2){border-inline-start-color:#218a92;background:#f5fdfd}
#expandedLessons .expanded-card:nth-of-type(6n+3){border-inline-start-color:#b87c31;background:#fffaf0}
#expandedLessons .expanded-card:nth-of-type(6n+4){border-inline-start-color:#4c6db0;background:#f6f9ff}
#expandedLessons .expanded-card:nth-of-type(6n+5){border-inline-start-color:#7357ae;background:#faf7ff}
#expandedLessons .expanded-card:nth-of-type(6n+6){border-inline-start-color:#29836b;background:#f5fff9}
#expandedLessons .expanded-figure{margin:-17px -17px 18px;position:relative}
#expandedLessons .expanded-figure img{width:100%;height:clamp(160px,28vw,265px);object-fit:cover;display:block}
#expandedLessons .expanded-figure figcaption{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(transparent,#172520c9);color:white;font-size:12px;padding:26px 14px 10px}
#expandedLessons .expanded-note{font-size:14px;background:#fff1df;border-radius:12px;padding:12px}
#expandedLessons .expanded-count{font-weight:700;color:#6b3153}
@media(hover:hover){#expandedLessons .expanded-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #33221119}}
@media(prefers-reduced-motion:reduce){#expandedLessons .expanded-card{transition:none}}

/* Story sequence: image, narrative, transition to next milestone. */
#expandedLessons .expanded-card{position:relative}
#expandedLessons .expanded-card:not(:last-child)::after{content:"↓";display:grid;place-items:center;position:absolute;bottom:-26px;left:calc(50% - 19px);width:38px;height:38px;border-radius:50%;background:#6d3655;color:white;font-size:23px;z-index:2;box-shadow:0 3px 10px #271a2633}
html[dir="ltr"] #expandedLessons .expanded-card:not(:last-child)::after{content:"↓"}
#expandedLessons .expanded-card{margin-bottom:28px}
#expandedLessons .expanded-card h3{font-size:clamp(20px,3vw,27px);line-height:1.5}
#expandedLessons .expanded-card:nth-of-type(even) .expanded-figure img{object-position:center 35%}
@media(prefers-reduced-motion:reduce){#expandedLessons .expanded-card:not(:last-child)::after{animation:none}}