.lesson-function-figure{margin:16px 0 20px}
.lesson-function-figure svg{display:block;width:100%;height:auto;max-height:330px}
.lesson-function-figure img{display:block;width:auto;max-width:100%;height:auto;max-height:330px;margin-inline:auto;border-radius:8px}
.lesson-function-figure figcaption{font-size:13px;line-height:1.55;color:#4c6573;margin-top:9px}
.m2-site--workzone{max-width:1000px}
.m2-photo-window{position:relative;aspect-ratio:16/9;overflow:hidden;background:#dfe7eb;border-radius:12px;border:1px solid #bdcfda}
.m2-site--workzone .m2-photo-window img{position:absolute;max-width:none;max-height:none;width:250%;height:auto;left:-102%;top:-119%;border:0;border-radius:0}
.m2-zone-note{position:absolute;right:12px;top:12px;max-width:calc(100% - 24px);background:#fff6e7;color:#72421a;padding:8px 12px;border:1px solid #bb8b4d;border-radius:7px;font-size:13px;line-height:1.4}
.m2-site--workzone.is-secured .m2-zone-note{background:#edf7f1;color:#235b49;border-color:#39836a}
.m2-zone-mark{position:absolute;left:35%;top:44%;width:33%;height:51%;border:3px dashed #b6572e;background:#d2783514;border-radius:14px;pointer-events:none}
.m2-site--workzone.is-secured .m2-zone-mark{border-style:solid;border-color:#a24e2d;background:repeating-linear-gradient(135deg,#c8782630 0 8px,#ffffff10 8px 16px)}
@media(max-width:600px){.lesson-function-figure figcaption{font-size:12px}.m2-photo-window{aspect-ratio:1.35}.m2-site--workzone .m2-photo-window img{top:-82%}.m2-zone-note{font-size:11px;right:7px;top:7px;padding:6px 8px}.m2-zone-mark{top:35%;height:49%}}