/* Resource previews enlarge within a framed dialog, leaving the page visible around it. */
#media-dialog.resource-lightbox{width:min(86vw,620px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 64px);padding:20px;border-radius:22px;overflow:auto;box-sizing:border-box}
#media-dialog.resource-lightbox .dialog-content{display:block;min-width:0}
#media-dialog.resource-lightbox .resource-preview-title{font-size:18px;line-height:1.4;color:var(--deep);margin:0 38px 15px 0}
#media-dialog.resource-lightbox .resource-dialog-video{display:block;width:100%;height:auto;max-width:100%;max-height:min(60dvh,580px);object-fit:contain;background:#0c1632;border-radius:12px;margin:0 auto}
#media-dialog.resource-lightbox>.dialog-close{position:absolute;right:9px;top:8px;z-index:2;display:grid;place-items:center;width:40px;height:40px;border:1px solid #f1d1e0;border-radius:50%;background:#fff7fb;color:var(--deep);font-size:27px;line-height:1;padding:0}
@media(max-width:760px){
 #media-dialog.resource-lightbox{padding:17px 14px 14px;border-radius:20px}
 #media-dialog.resource-lightbox .resource-preview-title{font-size:16px;margin:0 38px 15px 0;min-height:23px}
 #media-dialog.resource-lightbox .resource-dialog-video{max-height:60dvh;border-radius:10px}
 #media-dialog.resource-lightbox>.dialog-close{width:40px;height:40px;top:7px;right:7px}
}