.lesson-principle>h3{margin-bottom:12px}.lesson-principle>.guide-details{margin-top:12px;padding:12px;border-color:#ffffff12;background:transparent}.lesson-guide-picture{display:block;background:#171821;border:1px solid #e4c78640;border-radius:14px;padding:0;overflow:hidden;cursor:zoom-in;max-width:360px;width:100%;margin:10px auto}.lesson-guide-picture img{display:block;width:100%;height:auto}.lesson-guide-picture:focus-visible{outline:3px solid #e4c786}.lesson-drill-media .lesson-guide-picture{max-width:245px;margin:12px 0}.lesson-drill-details{margin-top:8px}.lesson-drill-details summary{cursor:pointer;color:var(--gold);font-size:12px;padding:8px 0}.lesson-drill-video{display:block;width:100%;max-height:380px;background:#000;border-radius:12px;margin-top:10px}.lesson-image-dialog{width:min(740px,calc(100vw - 20px));max-height:95dvh;overflow:auto;background:#12131a;color:#fff;border:1px solid #e4c78655;border-radius:16px;padding:12px}.lesson-image-dialog::backdrop{background:#000c}.lesson-image-dialog>button{display:block;margin:0 0 10px auto}.lesson-image-dialog>img{display:block;width:100%;height:auto}.lesson-comparison-track{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory}.lesson-comparison-track .lesson-guide-picture{flex:0 0 180px;scroll-snap-align:start}.lesson-comparisons{margin-top:12px}@media(min-width:700px){.lesson-image-dialog>img{max-height:80dvh;object-fit:contain}}