.pg_Video .MainBody .LeftPane { display: none; }
#wolAsyncPageModal:has([data-wol-video-page]) [data-async-page-permalink] { display:none; }
#wolAsyncPageModalTitle:has(.wol-video-header-group) { display:flex;align-items:center;gap:.75rem;min-width:0; }
.wol-video-header-group { display:flex;align-items:center;gap:.625rem;min-width:0;color:inherit;text-decoration:none; }
.wol-video-header-group img { width:36px;height:36px;flex:0 0 36px;object-fit:contain;border-radius:.375rem;background:#fff; }
.wol-video-header-group span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.wol-video-header-label { font-size:.875rem;font-weight:400;opacity:.85;flex-shrink:0; }
@media(max-width:600px){.wol-video-header-label{display:none;}}
.pg_Video .MainBody .RightPane { width: auto; float: none; padding: 0; }
.wol-video-detail-layout { display: grid; gap: 2rem; max-width: 1200px; margin: 1.5rem auto 3rem; min-width: 0; }
.wol-video-detail-layout.has-related { grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); }
.wol-video-detail { min-width: 0; background: #fff; border: 1px solid #e0e5ea; border-radius: .75rem; }
.wol-video-player { aspect-ratio: 16 / 9; background: #101820; border-radius: .75rem .75rem 0 0; overflow: hidden; }
.wol-video-detail .wol-video-player > iframe, .wol-video-detail .wol-video-player > video { display: block; width: 100%; height: 100%; min-height: 0; max-width: none; border: 0; margin: 0; }
.wol-video-player > [data-wol-youtube-player], .wol-video-player > [data-wol-youtube-player] > iframe { display: block; width: 100%; height: 100%; border: 0; }
.wol-video-detail-content { padding: 1.5rem; }
.wol-video-detail-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.wol-video-detail-heading h1 { font-size: clamp(1.25rem, 2.2vw, 1.75rem); font-weight: 600; line-height: 1.3; margin: 0; overflow-wrap: anywhere; }
.wol-video-detail-meta { font-size: .875rem; color: #63717d; margin: .5rem 0 0; }
.wol-video-detail-description { font-size: 1rem; line-height: 1.65; color: #374651; margin-top: 1.25rem; overflow-wrap: anywhere; }
.wol-video-detail-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.25rem; }
.wol-video-detail-tags a { color: #466176; background: #f1f5f8; border-radius: 1rem; padding: .25rem .75rem; font-size: .875rem; text-decoration: none; }
.wol-video-detail-tags a:hover, .wol-video-detail-tags a:focus-visible { background: #e4edf3; text-decoration: underline; }
.wol-video-detail-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1.5rem; border-top: 1px solid #e7ebef; }
.wol-video-detail-insights > .wol-feed-analysis { margin: 0; }
.wol-video-detail .wol-feed-analysis-trigger, .wol-video-text-action { display: inline-flex; align-items: center; gap: .5rem; font-size: 1rem; line-height: 1.5; padding: .375rem 0; border: 0; background: transparent; color: #4f6472; cursor: pointer; }
.wol-video-text-action:hover, .wol-video-text-action:focus-visible { color: #1f3f52; text-decoration: underline; }
.wol-video-admin { flex: 0 0 auto; }
.wol-video-admin .wol-video-text-action { padding: .25rem .5rem; }
.wol-video-admin .dropdown-menu { min-width:12rem; padding:.375rem; margin-top:.375rem; border:1px solid #dce2e7; border-radius:.5rem; box-shadow:0 .375rem 1rem rgba(25,42,58,.12); }
.wol-video-admin .dropdown-menu > li > a { display:flex; align-items:center; gap:.625rem; padding:.625rem .75rem; border-radius:.25rem; font-size:1rem; line-height:1.5; text-align:left; white-space:nowrap; }
.wol-video-admin .dropdown-menu > li > a > i { flex:0 0 1rem; width:1rem; margin:0; color:#63717d; text-align:center; }
.wol-video-admin .dropdown-menu > li > a:hover,
.wol-video-admin .dropdown-menu > li > a:focus { background:#eef3f7; }
.wol-video-detail-more { border-top: 1px solid #e7ebef; padding: 1rem 1.5rem; font-size: 1rem; }
.wol-video-related { min-width: 0; }
.wol-video-related h2 { font-size: 1.125rem; font-weight: 600; margin: 0 0 1rem; }
.wol-video-related .PlayVideo, .wol-video-related .ShareOptions, .wol-video-related .VideoOptions { display: none; }
@media (max-width: 980px) {
    .wol-video-detail-layout.has-related { grid-template-columns: minmax(0, 1fr); }
    .wol-video-detail-layout { margin-top: 1rem; gap: 1.5rem; }
}
@media (max-width: 480px) {
    .wol-video-detail-content { padding: 1rem; }
    .wol-video-detail-footer { padding: .75rem 1rem; }
    .wol-video-detail-more { padding: 1rem; }
}
/* Watch-page layout: generous player, compact horizontal recommendations and an open discussion. */
.wol-video-detail-layout { max-width: 1680px; align-items: start; gap: 1.5rem; }
.wol-video-detail-layout.has-related { grid-template-columns: minmax(0, 1fr) 360px; }
.wol-video-watch-main { min-width: 0; }
.wol-video-watch-main > .wol-video-detail { border: 0; border-radius: 0; background: transparent; }
.wol-video-watch-main .wol-video-player { border-radius: .75rem; }
.wol-video-watch-main .wol-video-detail-content { padding: 1.125rem 0; }
.wol-video-watch-main .wol-video-detail-heading h1 { font-size: clamp(1.25rem,1.7vw,1.5rem); }
.wol-video-watch-main .wol-video-detail-description { padding: 1rem; border-radius: .75rem; background: #eef1f4; }
.wol-video-watch-main .wol-video-detail-footer { padding: .5rem 0; border-top: 0; border-bottom: 1px solid #e1e5e9; }
.wol-video-watch-main .wol-video-detail-more { display: none; }
.wol-video-related h2 { margin: 0 0 1rem; font-size: 1rem; }
.wol-video-related-row { display: grid; grid-template-columns: 152px minmax(0,1fr); gap: .75rem; margin-bottom: .875rem; color: #263746; text-decoration: none; }
.wol-video-related-row:hover, .wol-video-related-row:focus-visible { color: #245985; text-decoration: none; }
.wol-video-related-row:hover .wol-video-related-title, .wol-video-related-row:focus-visible .wol-video-related-title { text-decoration: underline; }
.wol-video-related-thumbnail { position: relative; align-self: start; display: block; aspect-ratio:16/9; overflow: hidden; border-radius: .5rem; background: #e7ecf0; }
.wol-video-related-thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wol-video-related-thumbnail i { position: absolute; left: .5rem; bottom: .5rem; color: #fff; filter: drop-shadow(0 1px 2px #000); }
.wol-video-related-copy { min-width:0; display:flex; flex-direction:column; gap:.2rem; }
.wol-video-related-title { font-size: 1rem; font-weight: 600; line-height:1.35; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.wol-video-related-meta { color:#63717d; font-size:.8125rem; line-height:1.4; }
.wol-video-related [data-video-related-status] { color:#63717d; font-size:.875rem; }
.wol-video-discussion { margin-top:1.5rem; font-size:1rem; }
.wol-video-discussion-heading { display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem; }
.wol-video-discussion-heading h2 { font-size:1.25rem;font-weight:600;margin:0; }
.wol-video-discussion-help { color:#63717d;font-size:.875rem; }
.wol-video-discussion .wiv-discussion-form { display:block; }
.wol-video-discussion [hidden] { display:none!important; }
.wol-video-discussion .wiv-discussion-history { margin-top:1.5rem; }
.wol-video-discussion .wiv-discussion-comment { margin-bottom:1.5rem; }
.wol-video-discussion .post-header-detail { display:flex;gap:.75rem;align-items:center; }
.wol-video-discussion .MessageBody { margin:.5rem 0 .5rem 2.75rem; }
.wol-video-discussion .wiv-discussion-comment-actions { margin-left:2.75rem; }
.wol-video-discussion .wiv-discussion-status { font-size:.875rem;color:#63717d;margin:.75rem 0; }
.wol-video-discussion .MessageArea textarea { width:100%; min-height:5rem; font-size:1rem; resize:vertical; }
.wol-video-discussion .Action { display:flex;align-items:center;justify-content:space-between;margin-top:.5rem; }
.wol-video-discussion .postAnonymously { font-size:.875rem;margin-top:.5rem; }
.wol-video-discussion .postAnonymously label { font-weight:400; }
.wol-video-discussion .Message, .wol-video-discussion .leave-a-message { margin:0; }
@media(max-width:1100px){.wol-video-detail-layout.has-related{grid-template-columns:minmax(0,1fr) 300px;}.wol-video-related-row{grid-template-columns:120px minmax(0,1fr);}}
@media(max-width:850px){.wol-video-detail-layout.has-related{grid-template-columns:minmax(0,1fr);}.wol-video-related-row{grid-template-columns:152px minmax(0,1fr);}.wol-video-related{margin-top:1rem;}}
/* The watch modal owns a bounded workspace; each desktop column scrolls separately. */
@media(min-width:851px){
    #wolAsyncPageModal .modal-body:has(> [data-wol-video-page]) { overflow:hidden; }
    #wolAsyncPageModal .wol-video-detail-layout { height:100%; margin:0 auto; padding-top:1.5rem; padding-bottom:1.5rem; min-height:0; grid-template-rows:minmax(0,1fr); align-items:stretch; }
    #wolAsyncPageModal .wol-video-watch-main,
    #wolAsyncPageModal .wol-video-related { min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
}
.wol-video-queue-toolbar { position:sticky;top:0;z-index:1;background:#f7f9fb;padding:0 0 1rem; }
/* Reinserted watch content fades in on queue navigation without moving controls. */
.wol-video-watch-main { animation:wol-video-watch-reveal 450ms cubic-bezier(.22,.61,.36,1) both; }
@keyframes wol-video-watch-reveal { from { opacity:0; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce){.wol-video-watch-main{animation:none;}}
.wol-video-queue-heading { display:flex;justify-content:space-between;align-items:baseline;gap:.75rem; }
.wol-video-queue-heading h2 { margin:0; }
.wol-video-queue-heading > span { font-size:.8125rem;color:#63717d;white-space:nowrap; }
.wol-video-queue-controls { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem; }
.wol-video-queue-controls > div { display:flex;gap:.375rem; }
.wol-video-queue-controls label { display:flex;align-items:center;gap:.375rem;font-size:1rem;font-weight:400;margin:0;cursor:pointer; }
.wol-video-queue-controls select { font:inherit;padding:.375rem .5rem;border:1px solid #c6d0da;border-radius:.375rem;background:#fff;color:#243746; }
.wol-video-related-row.is-now-playing { background:#e5edf5;border-radius:.5rem; }
.wol-video-now-playing { color:#245985;font-size:.8125rem;font-weight:600; }
.wol-video-now-playing[hidden], .wol-video-queue-toolbar [hidden] { display:none!important; }
@media(max-width:850px){.wol-video-queue-toolbar{position:static;}}

/* Capture the outgoing player before disposal and dissolve into the next view. */
html.wol-video-crossfade .wol-video-watch-main { view-transition-name:wol-video-watch;animation:none; }
html.wol-video-crossfade::view-transition-old(root),
html.wol-video-crossfade::view-transition-new(root) { animation:none; }
html.wol-video-crossfade::view-transition-old(wol-video-watch) { animation:wol-video-watch-reveal 500ms ease-in-out reverse both; }
html.wol-video-crossfade::view-transition-new(wol-video-watch) { animation:wol-video-watch-reveal 500ms ease-in-out both; }
html.wol-video-crossfade::view-transition-group(wol-video-watch) { animation-duration:500ms; }

[data-video-blended] .wol-video-watch-main { animation:none; }
