.video-dialog {
    padding: clamp(18px, 5vw, 70px);
    overflow: auto;
}

.video-dialog-panel {
    position: relative;
    width: min(100%, 1000px);
    color: #fff;
}

.video-dialog-panel h2 {
    margin: 0 55px 16px 0;
    font-size: clamp(1.2rem, 3vw, 2rem);
}

.video-dialog video {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    object-fit: contain;
}

.video-dialog [data-video-close] {
    right: 0;
    top: -12px;
}

.video-transcript {
    margin-top: 16px;
    padding: 12px 16px;
    background: #151515;
}

.video-transcript summary { cursor: pointer; font-weight: 700; }
.video-transcript ol { columns: 2; gap: 35px; padding-left: 24px; }
.video-transcript li { break-inside: avoid; margin: 8px 0; color: #ddd; }

@media (max-width: 600px) {
    .video-dialog { padding: 16px; }
    .video-dialog-panel h2 { font-size: 1.1rem; }
    .video-transcript ol { columns: 1; }
}