/* Lecture details pop-up (native <dialog>, replaces the former Telerik RadWindow). */
.detail-dialog {
    width: min(620px, 94vw);
    height: min(760px, 90vh);
    padding: 0;
    border: 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
}
.detail-dialog::backdrop { background: rgba(32, 32, 28, .55); }
.detail-dialog iframe { width: 100%; height: 100%; border: 0; display: block; }
.detail-dialog-close {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    color: #800000;
    font-size: 22px;
    line-height: 30px;
    cursor: pointer;
}
.detail-dialog-close:hover { background: #fff; }