/* Shared video dialog: clear selection and related reading. */
.demo-player-dialog .demo-player-header{background:#102a43;color:#fff;border-bottom:1px solid #2e536f}
.demo-player-dialog .demo-player-header h2{color:#fff}
.demo-player-dialog .demo-player-header .label{color:#c8deef}
.demo-player-dialog .demo-player-header>[data-player-close]{background:#fff;color:#102a43;border:1px solid #fff}
.demo-player-resources{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}
.demo-player-resources a{display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:4px;padding-block:5px}
.demo-player-resources a:hover{color:#c4e6ff}
.demo-player-dialog .demo-player-queue button[aria-current="true"],.demo-player-dialog .demo-player-queue button[aria-current="true"]:hover{background:#102a43;color:#fff;border-color:#102a43;box-shadow:0 4px 12px #102a4320}
.demo-player-dialog .demo-player-queue button[aria-current="true"] :is(strong,span){color:#fff}
.demo-player-dialog .demo-player-queue button[aria-current="true"] .demo-queue-label{color:#c8deef}
.demo-player-dialog .demo-player-queue li+li{margin-top:6px}
.demo-player-dialog .demo-player-header :focus-visible{outline:3px solid #9bd7ff;outline-offset:3px}
@media(max-width:700px){.demo-player-resources{gap:4px 14px;margin-top:8px}.demo-player-resources a{font-size:12px;min-height:36px}.demo-player-dialog .demo-player-header>div{min-width:0}.demo-player-dialog .demo-player-header>[data-player-close]{flex-shrink:0}}