.bb-lesson-list-road{isolation:isolate;box-sizing:border-box;color:#d9eff1;width:100%;max-width:54rem;margin:12px auto 20px;padding:8px 18px;position:relative}.bb-lesson-list-road .bb-lr-paths{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:visible}.bb-lr-paths path{fill:none;stroke:#49afa9;stroke-width:2px;stroke-dasharray:5 7;opacity:.6}.bb-lesson-list-road .bb-lr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px;margin:0;padding:0;list-style:none;display:grid}.bb-lesson-list-road .bb-lr-item{grid-row:var(--lr-row);grid-column:var(--lr-col);flex-direction:column;align-items:center;gap:12px;min-width:0;margin:0;padding:0;display:flex}.bb-lesson-list-road .bb-lr-dot{color:#f0d095;background:linear-gradient(145deg,#227f83,#102c40);border:1px solid #6bd4ca;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:15px;font-weight:700;line-height:1;display:grid;box-shadow:0 4px #071c29}.bb-lesson-list-road .bb-lr-label{box-sizing:border-box;text-align:center;overflow-wrap:anywhere;background:linear-gradient(135deg,#143746,#0b2331);border:1px solid #285565;border-radius:14px;width:100%;min-width:0;padding:12px 14px;font-size:clamp(14px,1.2vw,17px);line-height:1.9}.bb-lesson-list-road .bb-lr-label p{margin:0}.bb-lr-reveal .bb-lr-item{animation:.45s ease-out backwards bb-lr-enter;animation-delay:var(--lr-delay)}@keyframes bb-lr-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.bb-lesson-list-road .bb-lr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.bb-lesson-list-road .bb-lr-label{padding:10px;font-size:14px}.bb-lesson-list-road .bb-lr-dot{width:32px;height:32px;font-size:13px}}@media (max-width:340px){.bb-lesson-list-road .bb-lr-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.bb-lr-reveal .bb-lr-item{animation:none}}@media (max-width:600px){.bb-lesson-list-road .bb-lr-item{grid-row:var(--lr-mobile-row);grid-column:var(--lr-mobile-col)}}@media (max-width:340px){.bb-lesson-list-road .bb-lr-item{grid-row:var(--lr-single-row);grid-column:1}}
