.lesson-preview[hidden],.lesson-preview-photo[hidden]{display:none!important}
.lesson-preview{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px;margin:20px 0 0;padding:18px;border:1px solid #b9a68e;border-left:4px solid #792435;background:#f7f0e3;min-width:0}
.lesson-preview-photo{display:block;width:160px;height:160px;object-fit:cover;flex:none;border-radius:4px}
.lesson-preview-copy{flex:1;min-width:170px}
.lesson-preview .lesson-preview-label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#75664e;margin:0 0 7px;line-height:1.4}
.lesson-preview .lesson-preview-title{font:700 23px/1.2 var(--body,Arial,sans-serif);color:#792435;margin:0 0 10px;overflow-wrap:anywhere}
.lesson-preview .lesson-preview-description{font-size:15px;line-height:1.5;margin:0 0 10px}
.lesson-preview .lesson-preview-note{font-size:12px;line-height:1.5;color:#75664e;margin:0}
.lesson-preview .lesson-preview-status{font-size:15px;line-height:1.5;margin:0}
.lesson-preview-retry{border:1px solid #792435;background:transparent;color:#792435;padding:10px 14px;font:inherit;cursor:pointer;min-height:44px}
.lesson-preview-retry:focus-visible{outline:3px solid #792435;outline-offset:3px}
@media(max-width:600px){.lesson-preview{padding:14px;gap:14px}.lesson-preview-photo{width:100%;height:auto;aspect-ratio:1;max-width:300px}.lesson-preview-copy{min-width:0;flex-basis:100%}.lesson-preview .lesson-preview-title{font-size:22px}}