/* ===== Section 4: Continue Learning lifecycle flow ===== */
.lf-flow { display: flex; align-items: flex-start; justify-content: center; flex-wrap: nowrap; max-width: 940px; margin: 0 auto; }
.lf-node { display: flex; flex-direction: column; align-items: center; text-align: center; width: 98px; flex: 0 0 auto; }
.lf-ic { width: 48px; height: 48px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: rgba(168,85,247,.1); border: 1px solid rgba(168,85,247,.25); color: #c084fc; transition: background .4s ease, border-color .4s ease, color .4s ease, box-shadow .4s ease, transform .4s ease; }
.lf-ic svg { width: 22px; height: 22px; }
.lf-node.active .lf-ic { background: linear-gradient(135deg, #8c3cdd, #c026d3); border-color: transparent; color: #fff; box-shadow: 0 8px 22px -6px rgba(140,60,221,.7); transform: translateY(-3px) scale(1.07); }
.lf-lbl { margin-top: .55rem; font-size: .72rem; font-weight: 600; color: #b7a4de; line-height: 1.15; transition: color .4s ease; }
.lf-node.active .lf-lbl { color: #fff; }

.lf-conn { position: relative; align-self: flex-start; margin-top: 24px; height: 2px; flex: 1 1 16px; min-width: 16px; background: rgba(168,85,247,.2); border-radius: 2px; }
.lf-conn::after { content: ''; position: absolute; inset: 0; width: 0; background: linear-gradient(90deg, #8c3cdd, #c084fc); border-radius: 2px; transition: width .5s ease; }
.lf-conn.filled::after { width: 100%; }

@media (max-width: 767px) {
	.lf-flow { flex-direction: column; align-items: center; max-width: 320px; }
	.lf-node { flex-direction: row; width: 100%; justify-content: flex-start; gap: .85rem; text-align: left; }
	.lf-lbl { margin-top: 0; font-size: .82rem; }
	.lf-conn { align-self: flex-start; margin: 0 0 0 23px; width: 2px; height: 22px; min-width: 0; flex: 0 0 auto; }
	.lf-conn::after { inset: 0; width: 100%; height: 0; background: linear-gradient(180deg, #8c3cdd, #c084fc); transition: height .5s ease; }
	.lf-conn.filled::after { height: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.lf-ic, .lf-conn::after { transition: none; }
}