.lesson-layout{display:grid;grid-template-columns:15rem minmax(0,46rem);gap:3rem;width:min(calc(100% - 3rem),70rem);margin:0 auto}.lesson-layout .lesson-article{width:100%;margin:0}.course-index{position:sticky;top:1.5rem;align-self:start;max-height:calc(100vh - 3rem);overflow:auto;padding:2rem 0}.course-index>p{margin:0 0:.8rem;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.course-index ol{display:grid;gap:.15rem;padding:0;margin:0;list-style:none;border-left:1px solid var(--line)}.course-index li{margin-left:-1px}.course-index a{display:grid;grid-template-columns:1.6rem 1fr;gap:.45rem;align-items:start;padding:.45rem .25rem .45rem .75rem;border-left:2px solid transparent;color:var(--muted);font-size:.78rem;line-height:1.35;text-decoration:none}.course-index a:hover{color:var(--blue)}.course-index a span{color:#94a3b8;font-size:.72rem;font-weight:800}.course-index .is-current a{border-left-color:var(--blue);color:var(--ink);font-weight:800}.course-index .is-current a span{color:var(--blue)}@media(max-width:900px){.lesson-layout{display:block;width:min(calc(100% - 2.5rem),46rem)}.course-index{position:static;max-height:none;padding:1.5rem 0 0}.course-index ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem .75rem;border-left:0}.course-index li{margin-left:0}.course-index a{padding:.35rem 0;border-left:0}.course-index .is-current a{color:var(--blue)}}@media(max-width:560px){.course-index ol{grid-template-columns:1fr}.lesson-layout{width:min(calc(100% - 2rem),46rem)}}