.visual-walkthrough{border:1px solid #dbe5df;border-radius:18px;padding:22px;background:#f8fbf8}
.visual-walkthrough .walkthrough-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.visual-walkthrough h2{margin:0!important}.walkthrough-note{font-size:13px;color:#5d7468;margin:10px 0 18px}
.scene-controls{display:flex;gap:10px;align-items:center;margin-bottom:16px}
.scene-controls label{flex:1;min-width:0;font-size:12px;color:#53675d}.scene-controls select{width:100%;margin-top:4px;padding:9px;border:1px solid #c6d8ce;border-radius:8px;background:white;color:#173e2d;font:inherit;font-size:13px}
.scene-controls button{background:#086148;color:white;border:0;border-radius:8px;padding:11px 13px;cursor:pointer;font:inherit;font-size:13px;white-space:nowrap}.scene-controls button:disabled{opacity:.35;cursor:default}
.scene{margin:0}.scene[hidden],.scene-controls[hidden]{display:none}.scene img{display:block;width:100%;height:auto;border:1px solid #dbe5df;border-radius:10px;background:white}.scene figcaption h3{font-size:19px;margin:20px 0 8px}.scene figcaption p{margin:0 0 16px;line-height:1.65;color:#344d40}
.preview-movie{margin-top:20px;border-top:1px solid #dbe5df;padding-top:16px}.preview-movie summary{cursor:pointer;font-weight:600;font-size:14px}.preview-movie video{width:100%;display:block;margin:16px 0;background:#102f27;border-radius:10px}.preview-movie a{font-size:13px}.visual-walkthrough .transcript{margin:20px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:580px){.visual-walkthrough{padding:14px}.scene-controls{flex-wrap:wrap}.scene-controls label{order:-1;flex-basis:100%}.scene-controls button{flex:1}.walkthrough-note{font-size:12px}.visual-walkthrough .walkthrough-heading{font-size:13px}}

.lesson-duration{display:block;color:#086148;font-size:12px;font-weight:600;margin-top:18px}