.book-video-navigation{gap:var(--sc-demo-space-2);flex-wrap:wrap;display:flex}.book-video-navigation [aria-current=page]{border-color:var(--sc-demo-color-primary);background:var(--sc-demo-color-primary);color:var(--sc-demo-color-surface)}.book-video-collection,.book-video-player,.book-video-picker{gap:var(--sc-demo-space-3);min-width:0;display:grid}.book-video-collection{margin-block-start:var(--sc-demo-space-4)}.book-video-player{border:1px solid var(--sc-demo-color-border);border-radius:var(--sc-demo-radius-panel);padding:var(--sc-demo-space-4);background:var(--sc-demo-color-surface)}.book-video-picker label{font-weight:700}.book-video-picker select{border:1px solid var(--sc-demo-color-border);border-radius:var(--sc-demo-radius-control);width:100%;min-height:3rem;padding:var(--sc-demo-space-2);background:var(--sc-demo-color-surface);color:var(--sc-demo-color-text);font:inherit}.book-video-picker p,.book-video-player h2{margin:0}.book-video-player video{aspect-ratio:16/9;background:var(--sc-demo-color-text);object-fit:contain;width:100%;height:auto;max-height:70vh;margin-inline:auto;display:block}.book-video-player summary{min-height:3rem;padding-block:var(--sc-demo-space-2);cursor:pointer;font-weight:700}.book-video-player :focus-visible,.book-video-picker :focus-visible{outline:3px solid var(--sc-demo-color-focus);outline-offset:3px}