.course-card img{cursor:zoom-in}
.course-card img:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
dialog.class-lightbox{position:fixed;inset:0;margin:auto;width:100%;max-width:none;height:100%;max-height:none;padding:56px 16px 20px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
dialog.class-lightbox::backdrop{background:#160e1be8;backdrop-filter:blur(5px)}
.class-lightbox[open]{display:flex;align-items:center;justify-content:center}
.class-lightbox img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.class-lightbox-close{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;height:44px;border:1px solid #ffffff66;border-radius:50%;background:#38253f;color:#fff;font:24px Arial,sans-serif;cursor:pointer}
.class-lightbox-close:hover{background:#624370}
@media(max-width:760px){dialog.class-lightbox{padding:calc(60px + env(safe-area-inset-top)) 10px calc(16px + env(safe-area-inset-bottom))}}