.topic-learning-flow{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.9fr);gap:1rem;align-items:center;margin:1rem 0 1.25rem;padding:1rem;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(145deg,rgba(17,42,70,.94),rgba(7,19,34,.96));box-shadow:0 12px 32px rgba(0,0,0,.14)}.flow-progress-block{display:grid;gap:.65rem}.flow-progress-copy{display:grid;gap:.18rem}.flow-progress-copy strong{font-size:1rem}.flow-progress-copy small{color:var(--muted,#9caabd);line-height:1.35}.flow-progress-track{height:9px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.flow-progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4ea7ff,#52d39a);transition:width .3s ease}.flow-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.flow-actions .button{min-height:64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:.14rem;padding:.75rem .85rem}.flow-actions .button span{font-weight:850}.flow-actions .button small{font-size:.72rem;opacity:.72;white-space:normal;line-height:1.3}.next-lessons-panel{margin-top:1rem}.next-lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.next-lesson-grid button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.9rem;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035);color:inherit;text-align:left;cursor:pointer}.next-lesson-grid button:hover{border-color:rgba(93,181,255,.35);background:rgba(93,181,255,.06)}.next-lesson-grid button>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(93,181,255,.12);font-weight:900}.next-lesson-grid strong,.next-lesson-grid small{display:block}.next-lesson-grid small{margin-top:.15rem;color:var(--muted,#9caabd)}.lesson-sequence-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.55rem;align-items:center;margin:1rem 0 0;padding:.75rem;border-top:1px solid rgba(255,255,255,.08);background:rgba(4,13,25,.35);border-radius:0 0 14px 14px}.lesson-sequence-nav button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:inherit;border-radius:10px;padding:.62rem .75rem;font-weight:800;cursor:pointer}.lesson-sequence-nav button:hover:not(:disabled){border-color:rgba(93,181,255,.4);background:rgba(93,181,255,.08)}.lesson-sequence-nav button:disabled{opacity:.35;cursor:not-allowed}.lesson-sequence-nav .complete-next{background:rgba(82,211,154,.13);border-color:rgba(82,211,154,.3)}.lesson-sequence-nav div{min-width:0;text-align:center}.lesson-sequence-nav strong,.lesson-sequence-nav small{display:block}.lesson-sequence-nav small{margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#9caabd)}.context-tool-hint{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;margin:0 0 1rem;border:1px solid rgba(82,211,154,.2);border-radius:15px;background:rgba(82,211,154,.06)}.context-tool-hint.physics-context-hint{border-color:rgba(93,181,255,.24);background:rgba(93,181,255,.065)}.context-tool-hint strong,.context-tool-hint small{display:block}.context-tool-hint small{margin-top:.15rem;color:var(--muted,#9caabd)}@media(max-width:980px){.topic-learning-flow{grid-template-columns:1fr}.flow-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.next-lesson-grid{grid-template-columns:1fr 1fr}.lesson-sequence-nav{grid-template-columns:1fr 1fr}.lesson-sequence-nav div{grid-column:1/-1;grid-row:1}.lesson-sequence-nav .complete-next{grid-column:1/-1}}@media(max-width:650px){.topic-learning-flow{margin:.7rem 0 1rem;padding:.8rem;border-radius:16px}.flow-actions{grid-template-columns:1fr}.flow-actions .button{min-height:56px}.next-lesson-grid{grid-template-columns:1fr}.lesson-sequence-nav{grid-template-columns:1fr 1fr;padding:.65rem}.context-tool-hint{align-items:flex-start;flex-direction:column}.context-tool-hint .button{width:100%}}