/* Shared redesign: full-width reader, warm paper, navy playback controls. */
.vtl-app, .vtl-surface { --vtl-bg: #faf8f3; --vtl-panel: #fffefa; --vtl-border: #e3e3dc; --vtl-muted: #5d6d78; --vtl-gold: #876226; font-weight: 400; }
.vtl-app[data-theme="dark"], .vtl-app[data-theme="dark"] .vtl-surface { --vtl-bg: #17212e; --vtl-panel: #212f40; --vtl-border: #43586e; --vtl-muted: #bccbd9; --vtl-gold: #e2bf80; }
.vtl-icon { width: 22px; height: 22px; flex: 0 0 22px; display: inline-block; vertical-align: middle; }
.vtl-header { padding-top: 18px; padding-bottom: 18px; gap: 24px; flex-wrap: nowrap; }
.vtl-header nav { margin-left: auto; gap: 18px; font-size: 1.0625rem; }
.vtl-header-actions { display: flex; gap: 10px; align-items: center; }
.vtl-nav-toggle { display: none; border: 1px solid var(--vtl-border); border-radius: 9px; background: var(--vtl-panel); color: var(--vtl-ink); width: 44px; height: 44px; align-items: center; justify-content: center; }
.vtl-theme-toggle { min-height: 44px; font-size: 1rem; }
.vtl-brand-symbol { border-radius: 12px; background: #15394f; }
.vtl-brand-symbol .vtl-icon { color: #fff; }
.vtl-grid-single { grid-template-columns: minmax(0, 1fr); }
.vtl-grid-single .vtl-video-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); align-items: center; }
.vtl-grid-single .vtl-thumbnail { width: 100%; min-width: 0; height: 100%; min-height: 300px; }
.vtl-grid-single .vtl-card-body { padding: 26px; }
.vtl-grid-single .vtl-card-description { -webkit-line-clamp: 3; }
.vtl-grid-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vtl-card-description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vtl-duration-badge { position: absolute; bottom: 17px; right: 18px; z-index: 1; background: rgb(10 27 42 / 88%); color: #fff; border-radius: 5px; font: .9375rem/1.5 ui-monospace, Consolas, monospace; padding: 3px 7px; }
.vtl-video-card .vtl-play-symbol { bottom: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 54px; height: 54px; box-shadow: 0 2px 18px rgb(0 0 0 / 18%); }
.vtl-card-topic { background: #efe4c9; color: #60461e; }
.vtl-search-field>div>.vtl-icon, .vtl-transcript-search>.vtl-icon { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--vtl-muted); pointer-events: none; }
body:has([data-vtl-watch]) .vtl-header { padding: 8px 24px; }
body:has([data-vtl-watch]) .vtl-brand-symbol { width: 40px; height: 42px; }
body:has([data-vtl-watch]) .vtl-brand strong { font-size: 1.375rem; line-height: 1.2; }
body:has([data-vtl-watch]) .vtl-brand small { font-size: .6875rem; line-height: 1.5; }
.vtl-watch.vtl-surface { padding-top: 8px; }
.vtl-back-link { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.vtl-watch-heading { margin-bottom: 10px; }
.vtl-watch-heading h1 { max-width: none; font-size: clamp(1.5rem, 2vw, 1.875rem); line-height: 1.2; margin: 3px 0 5px; }
.vtl-watch-heading .vtl-eyebrow { font-size: .75rem; }
.vtl-watch-heading p { font-size: .875rem; }
.vtl-watch-grid { grid-template-columns: minmax(0, var(--vtl-split, 70%)) 12px minmax(0, 1fr); align-items: start; scroll-margin-top: 16px; }
.vtl-player-column { position: sticky; top: 16px; }
.vtl-split-handle { height: var(--vtl-workspace-height, calc(100dvh - 210px)); align-self: stretch; display: flex; justify-content: center; cursor: col-resize; touch-action: none; background: var(--vtl-bg); }
.vtl-split-handle>span { width: 4px; height: 54px; border-radius: 4px; background: var(--vtl-border); margin-top: 150px; }
.vtl-split-handle:hover>span, .vtl-split-handle:focus-visible>span, .vtl-resizing .vtl-split-handle>span { background: var(--vtl-blue); }
.vtl-resizing { user-select: none; cursor: col-resize; }
.vtl-resizing iframe { pointer-events: none; }
.vtl-player-shell { --vtl-panel: #132c40; --vtl-ink: #f4f9fd; --vtl-muted: #d0dce5; --vtl-border: #3c5365; --vtl-blue: #9acef6; --vtl-on-blue: #132c40; color: #f4f9fd; background: #132c40; display: flex; flex-direction: column; height: calc(var(--vtl-workspace-height, 80dvh) - 32px); }
.vtl-player-shell .vtl-player { flex: 1; min-height: 200px; aspect-ratio: auto; background: #000; }
.vtl-player-shell .vtl-playback-controls, .vtl-player-shell .vtl-player-options { flex-shrink: 0; }
.vtl-player-shell .vtl-button, .vtl-player-shell a { color: #eaf4fb; }
.vtl-player-shell .vtl-button { background: #203c51; border-color: #466175; }
.vtl-player-shell .vtl-button:hover { background: #2c4d64; }
.vtl-player-shell select { background: #203c51; color: #fff; border-color: #466175; height: 44px; }
.vtl-playback-controls { padding: 8px 14px 10px; }
.vtl-playback-actions { gap: 8px; }
.vtl-playback-actions .vtl-button { min-height: 44px; padding: 7px 10px; }
.vtl-youtube-link { display: inline-flex; align-items: center; gap: 6px; font-size: .9375rem; }
.vtl-player-options { padding: 10px 14px; gap: 20px; }
.vtl-player-options>label:first-child { display: flex; flex-direction: row; align-items: center; flex: 0 1 290px; gap: 10px; }
.vtl-player-options>label:first-child>span { margin: 0; white-space: nowrap; }
.vtl-player-options select { flex: 1; }
.vtl-player-options .vtl-checkbox { font-size: 1rem; }
.vtl-playback-actions .vtl-player-options { padding: 0; gap: 10px; background: transparent; flex: 0 1 auto; flex-wrap: nowrap; }
.vtl-playback-actions .vtl-player-options>label:first-child { flex: 0 1 auto; gap: 8px; }
.vtl-playback-actions .vtl-player-options select { min-width: 120px; max-width: 170px; }
.vtl-fullscreen-tools { display: none; }
.vtl-reader-actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.vtl-reader-actions [data-exit-fullscreen] { display: none; }
.vtl-card-body h3 + .vtl-card-meta { margin: 8px 0 12px; }
.vtl-card-body h3 + .vtl-card-meta>span:first-child { color: var(--vtl-blue); background: var(--vtl-soft); padding: 3px 7px; border-radius: 4px; }
.vtl-card-body h3 + .vtl-card-meta>span:last-child { color: var(--vtl-muted); background: none; padding: 0; }
.vtl-player-message { font-size: .875rem; margin: 10px 16px 0 !important; }
.vtl-transcript-panel { height: var(--vtl-workspace-height, calc(100dvh - 210px)); min-height: 400px; padding: 18px 20px 10px; border-radius: 0; }
.vtl-transcript-heading { align-items: center; flex-wrap: wrap; }
.vtl-transcript-heading h2 { font-size: 1.875rem; margin: 0; }
.vtl-track-description { margin: 6px 0 10px; }
.vtl-transcript-toolbar { margin: 0 0 10px; padding: 0 0 10px; flex-wrap: wrap; }
.vtl-transcript-toolbar>div { gap: 2px; flex-wrap: wrap; }
.vtl-transcript-toolbar button { min-height: 40px; padding: 6px 8px; font-size: .9375rem; display: inline-flex; align-items: center; gap: 6px; }
.vtl-transcript-toolbar [data-reading-toggle] .vtl-icon { width: 18px; height: 18px; flex-basis: 18px; }
.vtl-more-actions { position: relative; }
.vtl-more-actions>summary { cursor: pointer; font-size: .9375rem; padding: 8px; color: var(--vtl-blue); }
.vtl-more-actions>div { position: absolute; right: 0; top: 100%; min-width: 210px; z-index: 10; padding: 8px; border: 1px solid var(--vtl-border); background: var(--vtl-panel); border-radius: 9px; box-shadow: var(--vtl-shadow); }
.vtl-more-actions button { width: 100%; text-align: left; }
.vtl-transcript-search { margin: 0; }
.vtl-surface .vtl-transcript-search input { height: 46px; padding-left: 42px; }
.vtl-search-navigation { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: .875rem; margin-top: 7px; color: var(--vtl-muted); }
.vtl-search-navigation>div { display: flex; gap: 5px; }
.vtl-search-navigation button { width: 40px; height: 36px; display: grid; place-items: center; background: var(--vtl-soft); border: 1px solid var(--vtl-border); color: var(--vtl-blue); border-radius: 6px; }
.vtl-passage-info { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 7px 0; font-size: .875rem; color: var(--vtl-muted); }
.vtl-passage-info .vtl-current-passage { font-size: .875rem !important; padding: 6px 9px; margin: 0; }
.vtl-transcript-message { font-size: .875rem; margin: 8px 0 0; }
.vtl-transcript-message:empty { display: none; }
.vtl-surface .vtl-cue { grid-template-columns: 64px minmax(0, 1fr); gap: 10px; border-left: 3px solid transparent; border-radius: 6px; padding: 14px 10px; }
.vtl-surface .vtl-cue.vtl-active { border-left-color: var(--vtl-blue); background: var(--vtl-soft); }
.vtl-surface .vtl-untimed-cue { display: block; }
.vtl-cue mark { color: var(--vtl-ink); background: #f3df9d; border-radius: 2px; padding: 0 1px; }
.vtl-cue mark.vtl-current-match { background: #efc355; outline: 2px solid #9a6d0a; outline-offset: 1px; }
.vtl-app[data-theme="dark"] .vtl-cue mark { color: #142c40; }
.vtl-watch-details { padding: 28px 20px 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 28px; max-width: 1200px; margin: auto; }
.vtl-video-description { padding: 0; border: 0; }
.vtl-watch-details>.vtl-video-description:only-child { grid-column: 1 / -1; }
.vtl-chapter-drawer { border: 1px solid var(--vtl-border); background: var(--vtl-panel); border-radius: 12px; align-self: start; overflow: hidden; }
.vtl-chapter-drawer summary { display: flex; align-items: center; gap: 10px; padding: 14px 18px; cursor: pointer; font-size: 1.125rem; font-weight: 600; }
.vtl-chapter-drawer summary::after { content: '+'; margin-left: auto; }
.vtl-chapter-drawer[open] summary::after { content: '−'; }
.vtl-chapter-drawer summary>span { font-size: .9375rem; background: var(--vtl-soft); padding: 2px 8px; border-radius: 6px; color: var(--vtl-blue); }
.vtl-chapter-drawer ol { list-style: none; margin: 0; padding: 0 10px 10px; }
.vtl-chapter-drawer button { display: flex; align-items: start; gap: 12px; width: 100%; text-align: left; border: 0; background: transparent; color: var(--vtl-ink); border-radius: 6px; font-size: 1.0625rem; padding: 10px; }
.vtl-chapter-drawer button time { font: .9375rem/1.8 ui-monospace, Consolas, monospace; min-width: 64px; color: var(--vtl-blue); }
.vtl-chapter-drawer button:hover, .vtl-chapter-drawer button[aria-current] { background: var(--vtl-soft); }
.vtl-reading .vtl-watch-grid { display: block; }
.vtl-reading .vtl-split-handle { display: none; }
.vtl-reading .vtl-player-column { position: static; max-width: 900px; margin: 0 auto 24px; }
.vtl-reading .vtl-player-shell { height: auto; }
.vtl-reading .vtl-player:not(:fullscreen) { flex: none; aspect-ratio: 16 / 9; }
.vtl-reading .vtl-transcript-panel { max-width: 900px; height: auto; margin: auto; }
.vtl-reading .vtl-cues { max-height: none; overflow: visible; }
@media (max-width: 1100px) { .vtl-player-options>label:first-child { flex-grow: 1; } .vtl-youtube-link { flex-basis: 100%; margin-left: 0; padding: 3px 0; } .vtl-transcript-panel { padding: 15px 12px 10px; } .vtl-surface .vtl-cue { grid-template-columns: 1fr; gap: 3px; } }
@media (max-width: 900px) { .vtl-header { gap: 14px; } .vtl-header nav { gap: 10px; } .vtl-header nav a { font-size: 1rem; } .vtl-header nav .vtl-nav-active { padding: 7px 10px; } }
@media (min-width: 781px) and (max-height: 850px) {
 .vtl-watch .vtl-back-link, .vtl-watch-heading p { display: none; }
 .vtl-watch-heading { margin-bottom: 8px; }
 .vtl-watch-heading h1 { font-size: 1.5rem; margin: 0; }
}
@media (max-width: 780px) {
 .vtl-playback-actions { align-items: flex-start; }
 .vtl-playback-actions .vtl-player-options { flex: 1 1 220px; flex-wrap: wrap; }
 .vtl-playback-actions .vtl-player-options>label:first-child { flex: 1 1 100%; }
 .vtl-playback-actions .vtl-playback-time { min-height: 44px; display: inline-flex; align-items: center; }
 .vtl-header { flex-wrap: wrap; padding: 14px 20px; }
 .vtl-header .vtl-brand { flex: 1 1 0; min-width: 0; }
 .vtl-brand>span:last-child { min-width: 0; }
 .vtl-brand-symbol { flex-shrink: 0; }
 .vtl-header nav { display: flex; width: 100%; order: 3; margin: 0; justify-content: start; padding-top: 10px; border-top: 1px solid var(--vtl-border); }
 .vtl-js .vtl-header nav { display: none; }
 .vtl-header.vtl-nav-open nav { display: flex; }
 .vtl-header-actions { margin-left: auto; flex-shrink: 0; }
 .vtl-js .vtl-nav-toggle { display: inline-flex; }
 .vtl-theme-toggle [data-theme-label] { display: none; }
 .vtl-theme-toggle { padding: 9px; }
 .vtl-brand strong { font-size: 1.375rem; }
 .vtl-brand small { font-size: .75rem; letter-spacing: .08em; }
 .vtl-watch-grid { display: flex; flex-direction: column; }
 .vtl-player-column { position: static; width: 100%; }
 .vtl-player-shell { height: auto; }
 .vtl-player:not(:fullscreen) { flex: none; aspect-ratio: 16 / 9; min-height: 200px; }
 .vtl-split-handle { display: none; }
 .vtl-transcript-panel { width: 100%; height: auto; margin-top: 14px; padding: 20px 18px; }
 .vtl-watch .vtl-cues { max-height: none; overflow: visible; }
 .vtl-searching .vtl-transcript-search { position: sticky; top: 0; z-index: 9; background: var(--vtl-panel); }
 .vtl-searching .vtl-search-navigation { position: sticky; top: 46px; z-index: 9; background: var(--vtl-panel); margin-top: 0; padding: 7px 0; box-shadow: 0 6px 8px rgb(24 42 59 / 5%); }
 .vtl-watch-details { display: flex; flex-direction: column; }
 .vtl-chapter-drawer { width: 100%; }
 .vtl-grid-single .vtl-video-card { display: flex; }
 .vtl-grid-single .vtl-thumbnail { min-height: 0; height: auto; }
 .vtl-grid-single .vtl-card-body { padding: 20px; }
 .vtl-playback-actions { gap: 8px; }
}
@media (max-width: 560px) {
 .vtl-grid-pair { grid-template-columns: 1fr; }
 .vtl-header { gap: 9px; padding: 12px 14px; }
 .vtl-brand { gap: 8px !important; }
 .vtl-brand-symbol { width: 36px; height: 38px; }
 .vtl-header-actions { gap: 6px; }
 .vtl-brand strong { font-size: 1.25rem; }
 .vtl-watch-heading h1 { font-size: 1.625rem; }
 .vtl-watch.vtl-surface { padding-top: 18px; }
 .vtl-transcript-toolbar [data-reading-toggle] .vtl-icon { display: none; }
 .vtl-playback-controls { padding: 8px 12px; }
 .vtl-playback-actions .vtl-button { font-size: .9375rem; padding: 6px 8px; gap: 6px; }
 .vtl-playback-actions [data-fullscreen] { margin-left: auto; }
 .vtl-playback-time { font-size: .875rem; }
 .vtl-playback-actions .vtl-icon { width: 18px; height: 18px; flex-basis: 18px; }
 .vtl-player-options { padding: 10px 12px; gap: 12px; }
 .vtl-player-options>label:first-child { flex: 1; }
 .vtl-player-options select { min-width: 112px; font-size: 1rem; }
 .vtl-transcript-heading h2 { font-size: 1.75rem; }
 .vtl-transcript-toolbar button { padding: 6px; }
}

/* Fullscreen contains both columns; scroll only the transcript passages. */
.vtl-watch-grid.vtl-workspace-fullscreen {
 display: grid; position: fixed; inset: 0; width: 100%; height: 100dvh;
 grid-template-columns: minmax(0, var(--vtl-split, 70%)) 12px minmax(0, 1fr);
 grid-template-rows: minmax(0, 1fr); gap: 0; padding: 0; margin: 0;
 overflow: hidden; background: var(--vtl-bg); color: var(--vtl-ink);
}
.vtl-workspace-fullscreen .vtl-player-column { position: static; height: 100%; min-height: 0; max-width: none; margin: 0; }
.vtl-workspace-fullscreen .vtl-player-shell { height: 100%; }
.vtl-workspace-fullscreen .vtl-playback-controls { display: none; }
.vtl-workspace-fullscreen .vtl-fullscreen-tools { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--vtl-border); }
.vtl-workspace-fullscreen .vtl-fullscreen-tools .vtl-player-options { padding: 0; background: transparent; gap: 10px; flex: 1 1 100%; }
.vtl-workspace-fullscreen .vtl-fullscreen-tools .vtl-player-options>label:first-child { flex: 1 1 180px; }
.vtl-workspace-fullscreen .vtl-reader-actions [data-exit-fullscreen] { display: inline-flex; white-space: nowrap; }
.vtl-workspace-fullscreen .vtl-fullscreen-tools .vtl-button { min-height: 40px; padding: 6px 10px; font-size: .9375rem; }
.vtl-workspace-fullscreen .vtl-player-shell .vtl-player { flex: 1; min-height: 0; aspect-ratio: auto; }
.vtl-workspace-fullscreen .vtl-split-handle { display: flex; height: 100%; }
.vtl-workspace-fullscreen .vtl-player-message { display: none; }
.vtl-workspace-fullscreen .vtl-subtitle { bottom: 80px; }
.vtl-workspace-fullscreen .vtl-transcript-panel { height: 100%; min-height: 0; max-width: none; margin: 0; overflow: hidden; }
.vtl-watch .vtl-workspace-fullscreen .vtl-cues { flex: 1; min-height: 0; max-height: none; max-width: none; margin: 0; overflow: auto; overscroll-behavior: contain; }
.vtl-workspace-fullscreen [data-reading-toggle] { display: none; }
@media (max-width: 780px) {
 .vtl-watch-grid.vtl-workspace-fullscreen { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 48%) minmax(0, 1fr); }
 .vtl-workspace-fullscreen .vtl-split-handle { display: none; }
 .vtl-workspace-fullscreen .vtl-transcript-panel { padding: 10px 12px; }
 .vtl-workspace-fullscreen .vtl-transcript-toolbar, .vtl-workspace-fullscreen .vtl-track-description { margin-bottom: 4px; }
 .vtl-workspace-fullscreen .vtl-playback-controls, .vtl-workspace-fullscreen .vtl-player-options { padding: 4px 10px; }
 .vtl-workspace-fullscreen .vtl-youtube-link { display: none; }
 .vtl-workspace-fullscreen .vtl-subtitle { bottom: 56px; }
 .vtl-workspace-fullscreen .vtl-fullscreen-tools { margin-bottom: 6px; padding-bottom: 6px; }
 .vtl-workspace-fullscreen .vtl-fullscreen-tools [data-exit-fullscreen] { padding: 4px 8px; min-height: 34px; }
}

/* Three clear control groups: playback, reading language/captions, fullscreen. */
.vtl-watch .vtl-playback-controls {
 container: vtl-playback / inline-size; padding: 16px 20px 18px; border-top: 1px solid #334c60;
 background: #132c40;
}
.vtl-watch .vtl-timeline { display: block; margin: 0 0 16px; }
.vtl-watch .vtl-progress { display: block; width: 100%; margin: 0; }
.vtl-watch .vtl-playback-actions {
 display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px 22px; align-items: center;
}
.vtl-playback-transport { display: flex; align-items: center; gap: 14px; min-width: 0; }
.vtl-watch .vtl-playback-actions .vtl-button { min-height: 44px; padding: 9px 12px; gap: 8px; border-radius: 9px; font-size: .9375rem; line-height: 1.35; }
.vtl-watch [data-play-pause] { min-width: 106px; }
.vtl-watch .vtl-playback-time { font-size: .875rem; font-variant-numeric: tabular-nums; color: #d0dce5; }
.vtl-time-separator { color: #8da4b7; margin: 0 4px; }
.vtl-watch .vtl-playback-actions .vtl-player-options {
 display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 16px;
 min-width: 0; padding: 0 0 0 20px; border-left: 1px solid #3c5365;
}
.vtl-watch .vtl-playback-actions .vtl-player-options>label:first-child { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; flex: 0 1 auto; gap: 10px; min-width: 0; }
.vtl-watch .vtl-playback-actions .vtl-player-options>label:first-child>span { margin: 0; color: #b7cad9; font-size: .875rem; white-space: nowrap; }
.vtl-watch .vtl-playback-actions .vtl-player-options select { width: 154px; min-width: 100px; max-width: 170px; height: 44px; padding: 8px 30px 8px 12px; border-radius: 9px; font-size: .9375rem; line-height: 1.35; }
.vtl-watch .vtl-playback-actions .vtl-reader-actions { gap: 12px; }
.vtl-watch .vtl-playback-actions .vtl-checkbox { font-size: .875rem; gap: 8px; color: #d0dce5; min-height: 44px; }
.vtl-watch .vtl-playback-actions [data-fullscreen] { margin: 0; justify-self: end; white-space: nowrap; }
@container vtl-playback (max-width: 790px) {
 .vtl-watch .vtl-playback-actions { grid-template-columns: minmax(0, 1fr) auto; gap: 14px; }
 .vtl-watch .vtl-playback-transport { grid-column: 1; grid-row: 1; }
 .vtl-watch .vtl-playback-actions [data-fullscreen] { grid-column: 2; grid-row: 1; }
 .vtl-watch .vtl-playback-actions .vtl-player-options { grid-column: 1 / -1; grid-row: 2; padding: 12px 0 0; border-left: 0; border-top: 1px solid #334c60; justify-content: space-between; }
 .vtl-watch .vtl-playback-actions .vtl-player-options select { width: 180px; max-width: 220px; }
}
@container vtl-playback (max-width: 450px) {
 .vtl-watch .vtl-playback-actions { gap: 12px; }
 .vtl-playback-transport { gap: 10px; }
 .vtl-watch [data-play-pause] { min-width: 92px; }
 .vtl-watch .vtl-playback-time { font-size: .75rem; }
 .vtl-watch .vtl-playback-actions [data-fullscreen] { width: 44px; padding: 9px; }
 .vtl-watch .vtl-playback-actions [data-fullscreen-label] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
 .vtl-watch .vtl-playback-actions .vtl-player-options { gap: 12px; }
 .vtl-watch .vtl-playback-actions .vtl-player-options select { width: 136px; max-width: 100%; }
}
@supports not (container-type: inline-size) {
 .vtl-watch .vtl-playback-actions { display: flex; flex-wrap: wrap; justify-content: space-between; }
 .vtl-watch .vtl-playback-actions .vtl-player-options { flex: 1 1 300px; border-left: 0; padding-left: 0; }
}