/* Matching performance selectors in the page and video window. */
.video-selection-column,.clip-carousel{min-width:0}
.clip-scroll-window{position:relative}
.clip-scroll-cue{position:absolute;inset:auto 8px 0 0;height:40px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(13,21,38,.85));color:var(--amber);font-size:1.5rem;line-height:1}
.clip-scroll-hint{margin:10px 0 0;color:var(--amber);font-size:1.125rem;line-height:1.5;text-align:center}
.clip-scroll-cue[hidden],.clip-scroll-hint[hidden]{display:none}
.clip-list::-webkit-scrollbar{width:8px}
.clip-list::-webkit-scrollbar-track{background:var(--ink)}
.clip-list::-webkit-scrollbar-thumb{background:var(--amber);border:2px solid var(--ink);border-radius:8px}
.clip-list{position:relative;max-height:440px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--amber) var(--ink)}
.clip-list .video-choice{min-height:96px;padding:12px 14px;gap:14px}
.clip-thumbnail{display:block;flex:0 0 54px;width:54px;height:72px;object-fit:contain;background:#080d17;border:1px solid var(--line);border-radius:2px}
.clip-list .video-choice-copy{min-width:0}
.clip-list .video-choice-copy strong{font-size:1.125rem;overflow-wrap:break-word}
.clip-list .video-choice-copy>span{font-size:1rem;margin-top:5px}
.clip-list .choice-indicator{flex:0 0 auto}
#videos .live-video-poster>img{object-fit:contain;object-position:center;background:#000}
#reel-dialog{width:min(1000px,calc(100% - 32px));max-height:calc(100dvh - 32px)}
#reel-dialog .reel-dialog-heading{position:sticky;top:0;z-index:2;background:var(--ink);border-bottom:1px solid var(--line)}
.reel-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:24px;padding:20px}
.reel-feature{min-width:0}
#reel-player{width:min(100%,calc((100dvh - 260px)*.5625));aspect-ratio:9/16;margin-inline:auto;background:#000}
#reel-player video{width:100%;height:100%;object-fit:contain}
.reel-feature .video-description{display:block;margin-top:16px}
.reel-feature .video-description>p{max-width:none;margin-top:9px;font-size:1.125rem}
.reel-selection{max-height:min(480px,calc(100dvh - 140px))}
#reel-status{font-size:1rem;color:var(--muted);line-height:1.5;margin-top:12px}
#reel-status:empty{display:none}
#browse-reel-videos{display:none}
@media(max-width:760px){
 .clip-list{max-height:340px}
 #reel-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
 #browse-reel-videos{display:inline-flex;width:100%;gap:9px;min-height:46px;margin-top:14px;padding:10px 12px;font-size:1rem}
 #browse-reel-videos svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.6}
 #browse-reel-videos svg .filled{fill:currentColor;stroke:none}
 .reel-gallery{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px}
 #reel-player{width:min(100%,280px)}
 .reel-selection{max-height:240px}
 .clip-list .video-choice{padding:12px;gap:12px}
}

.video-social .video-instagram{display:inline-flex;align-items:center;gap:6px;vertical-align:baseline;white-space:nowrap}
.video-social .video-instagram svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;align-self:center}
.video-social .video-instagram svg .filled{fill:currentColor;stroke:none}

/* One consistent type size and a continuous rule across the text and icon. */
#videos .video-social{font-size:1rem;text-decoration:none}
#videos .video-social-label{display:inline-block;max-width:100%;font:inherit;line-height:1.5;border-bottom:1px solid currentColor;padding-bottom:3px}
#videos .video-instagram,#videos .video-instagram>span{font:inherit}

#videos .video-social-prefix{display:inline-block;font-size:inherit;position:relative;top:-2px}