.lesson-shot{margin:1rem 0 .5rem;max-width:100%;border:1px solid var(--line,rgba(0,0,0,.1));border-radius:.75rem;overflow:hidden;background:#fff}
.lesson-shot-link{display:block;cursor:zoom-in;background:#f5f5f8}
.lesson-shot img{display:block;width:100%;height:auto;max-width:100%;max-height:24rem;object-fit:contain}
.lesson-shot figcaption{padding:.875rem 1rem;color:var(--text,#1d1d1f);font-size:.8125rem;line-height:1.6}
.lesson-shot figcaption>b{display:block;font-size:.875rem;letter-spacing:-.01em}
.lesson-shot figcaption p{margin:.375rem 0 .625rem;color:var(--muted,#62626b);font-size:inherit}
.lesson-shot-meta{display:flex;justify-content:space-between;gap:.625rem;flex-wrap:wrap;font-size:.75rem;color:var(--muted,#62626b)}
.lesson-shot a:focus-visible{outline:2px solid var(--blue,#006edb);outline-offset:-2px}
.context-card{min-width:0;overflow-wrap:anywhere}
@media(max-width:40rem){.lesson-shot{margin-left:0;margin-right:0}.lesson-shot img{max-height:18rem}.lesson-shot figcaption{padding:.875rem}.lesson-shot-meta{display:grid;gap:.375rem}.lesson-shot-meta a{display:inline-flex;align-items:center;min-height:2.75rem}}