.lesson-flow{flex-direction:column;gap:18px;display:flex}.lesson-flow-head{flex-direction:column;gap:6px;display:flex}.lesson-flow-breadcrumb{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.lesson-flow-head h1{color:var(--navy);margin:0;font:700 26px/1.2 Georgia,serif}.lesson-flow-head p{color:var(--muted);max-width:720px;margin:0;font-size:14px;line-height:1.5}.lesson-flow-stages{flex-wrap:wrap;gap:10px;display:flex}.lesson-flow-stage{border:1.5px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:flex}.lesson-flow-stage i{background:var(--soft,#f4f7f9);width:22px;height:22px;color:var(--muted);border-radius:50%;place-items:center;font-size:12px;font-style:normal;display:grid}.lesson-flow-stage.current{border-color:var(--orange);color:var(--orange);background:#fff6f2}.lesson-flow-stage.current i{background:var(--orange);color:#fff}.lesson-flow-stage.done{border-color:var(--teal);color:var(--teal2,var(--teal))}.lesson-flow-stage.done i{background:var(--teal);color:#fff}.lesson-flow-stage:disabled{cursor:default;opacity:.6}.lesson-flow-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px;display:grid}.lesson-flow-main{flex-direction:column;gap:16px;min-width:0;display:flex}.lesson-flow-empty{color:var(--muted);font-size:14px}.lesson-flow-nav{justify-content:flex-end;align-items:center;gap:14px;margin-top:4px;display:flex}.lesson-flow-back{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:13px;font-weight:700}.lesson-flow-back:hover{color:var(--navy)}.lesson-flow-side{flex-direction:column;gap:12px;display:flex;position:sticky;top:96px}.lesson-flow-side-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 6px 18px #10243d0d}.lesson-flow-side-card h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);width:100%;margin:0 0 10px;font-size:12px}.lesson-flow-side-card:has(h4){flex-direction:column;align-items:stretch}.lesson-flow-side-card strong{color:var(--navy);font-size:13px;display:block}.lesson-flow-side-card small{color:var(--muted);font-size:11px}.lesson-flow-ring{--pct:0;background:conic-gradient(var(--orange) calc(var(--pct) * 1%), var(--line) 0);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.lesson-flow-ring span{width:36px;height:36px;color:var(--navy);background:#fff;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.lesson-flow-readonly-note{color:var(--muted);font-size:12px}.lesson-flow-route{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lesson-flow-route li{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.lesson-flow-route li i{background:var(--soft,#f4f7f9);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;display:grid}.lesson-flow-route li.current{color:var(--orange);font-weight:700}.lesson-flow-route li.current i{background:var(--orange);color:#fff}.lesson-flow-route li.done i{background:var(--teal);color:#fff}.lesson-flow-route li button{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.lesson-flow-route li button:hover span{text-decoration:underline}.lesson-flow-resources{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lesson-flow-resources a{color:var(--teal2,var(--teal));font-size:12px;font-weight:700}@media (prefers-reduced-motion:no-preference){@keyframes lessonStageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.lesson-stage-panel{animation:.32s cubic-bezier(.22,.61,.36,1) both lessonStageIn}@keyframes lessonBlockIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.lesson-page>:not(.lesson-closing){animation:.45s both lessonBlockIn}.lesson-page>:not(.lesson-closing):first-child{animation-delay:0s}.lesson-page>:not(.lesson-closing):nth-child(2){animation-delay:60ms}.lesson-page>:not(.lesson-closing):nth-child(3){animation-delay:.12s}.lesson-page>:not(.lesson-closing):nth-child(4){animation-delay:.18s}.lesson-page>:not(.lesson-closing):nth-child(5){animation-delay:.24s}.lesson-page>:not(.lesson-closing):nth-child(6){animation-delay:.3s}.lesson-page>:not(.lesson-closing):nth-child(7){animation-delay:.36s}.lesson-page>:not(.lesson-closing):nth-child(8){animation-delay:.42s}.lesson-page>:not(.lesson-closing):nth-child(n+9){animation-delay:.48s}@keyframes lessonClosingIn{0%{opacity:0;transform:scale(.94)translateY(6px)}to{opacity:1;transform:none}}.lesson-page>.lesson-closing{animation:.5s cubic-bezier(.22,.61,.36,1) .1s both lessonClosingIn}}@media (max-width:860px){.lesson-flow-layout{grid-template-columns:1fr}.lesson-flow-side{flex-flow:wrap;position:static}.lesson-flow-side-card{flex:200px}}@media (max-width:560px){.lesson-flow-head h1{font-size:21px}.lesson-flow-stages{gap:6px}.lesson-flow-stage{padding:7px 10px;font-size:12px}.lesson-flow-stage span{display:none}.lesson-flow-side{flex-direction:column}}