.related-lessons{margin-top:44px;padding-top:30px;border-top:1px solid #303239}.related-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.related-head h2{font-size:1.65rem;margin:0}.related-head p{color:#aeb4bc;margin:6px 0 0;font-size:.95rem}.lesson-controls{display:flex;gap:8px}.lesson-controls button{width:42px;height:42px;border:1px solid #43464d;border-radius:50%;background:#17191e;color:white;font-size:1.4rem;cursor:pointer}.lesson-controls button:disabled{opacity:.3;cursor:default}.lesson-recommendations{display:grid;grid-auto-flow:column;grid-auto-columns:220px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 14px;scrollbar-width:thin}.lesson-small{display:flex;flex-direction:column;scroll-snap-align:start;color:#fff;text-decoration:none;border:1px solid #303239;border-radius:12px;overflow:hidden;background:#101216}.lesson-small img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.lesson-small-body{padding:12px}.lesson-small small{color:#adb5c2;font-size:.875rem}.lesson-small h3{font-size:1rem;line-height:1.35;margin:7px 0 10px}.lesson-small .watch{font-size:.875rem;color:#eeb1cd;font-weight:700}.lesson-small:hover,.lesson-small:focus-visible{border-color:#b0004b}.lesson-small:focus-visible{outline:2px solid white;outline-offset:2px}@media(max-width:600px){.lesson-recommendations{grid-auto-columns:185px}.related-head{align-items:flex-start}.related-head h2{font-size:1.4rem}}