/* Watch landing only. Shared homepage, branding and individual-video layouts are untouched. */
.ev-wl { max-width: 1580px; padding-bottom: 38px; }
.ev-wl__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 0 22px; }
.ev-wl__eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; color: #a6afb8; font: 700 10px/1.4 system-ui,sans-serif; letter-spacing: .16em; }
.ev-wl__eyebrow > span { width: 6px; height: 6px; border-radius: 50%; background: #45c78c; }
.ev-wl__head h1 { margin: 0; color: #f6f6f4; font: 750 clamp(2rem,4vw,3rem)/1 system-ui,sans-serif; letter-spacing: -.05em; }
.ev-wl__head > div > p:last-child { margin: 8px 0 0; color: #b9bdc2; font-size: 14px; }
.ev-wl__publish, .ev-wl__details, .ev-wl__reset { color: #e5e7e9; font-size: 13px; font-weight: 650; text-decoration: none; }
.ev-wl__publish { display: inline-flex; align-items: center; gap: 18px; min-height: 44px; padding: 8px 14px; border: 1px solid #34383d; border-radius: 7px; }
.ev-wl__browse { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; margin-bottom: 22px; padding: 14px 0; border-block: 1px solid #292e33; }
.ev-wl__browse > div { display: grid; gap: 5px; min-width: 155px; }
.ev-wl__browse label { color: #a6afb8; font-size: 11px; }
.ev-wl__browse select { width: 100%; min-height: 42px; max-width: 100%; padding: 8px 32px 8px 11px; color: #eef0f1; background: #15191e; border: 1px solid #394048; border-radius: 6px; font: 600 13px system-ui,sans-serif; }
.ev-wl__browse .ev-btn { min-height: 42px; }
.ev-wl__reset { display: inline-flex; align-items: center; min-height: 42px; padding-inline: 8px; }
.ev-wl__browse-note { margin: 0 0 12px auto; color: #939da7; font-size: 12px; }
.ev-wl__feature { padding-bottom: 30px; border-bottom: 1px solid #2b3036; }
.ev-wl__feature-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; color: #aeb6bf; font: 700 10px/1.4 system-ui,sans-serif; letter-spacing: .13em; }
.ev-wl__feature-label span:first-child { color: #e8eaed; }
.ev-wl .ev-wx__grid { gap: 16px 24px; }
.ev-wl .ev-wx__info { align-self: start; }
.ev-wl .ev-wx__title { font: 700 clamp(1.2rem,1.7vw,1.6rem)/1.3 system-ui,sans-serif; letter-spacing: -.025em; }
.ev-wl .ev-wx__meta { margin-bottom: 12px; }
.ev-wl .ev-wx__meta a { color: #aeb8c4; font-size: 12px; margin-left: auto; }
.ev-wl .ev-watch-identity { padding-block: 12px; }
.ev-wl .ev-wx__secondary { margin-block: 8px 0; }
.ev-wl .ev-wl__details { margin-left: auto; padding: 12px 0 12px 8px; }
.ev-wl .ev-watch-preferences { margin-top: 16px; border: 0; padding: 0; background: none; color: #a6afb8; font-size: 12px; }
.ev-wl .ev-watch-preferences summary { min-height: 36px; display: list-item; cursor: pointer; }
.ev-wl .ev-watch-preferences p { font-size: 12px; }
.ev-wl .ev-upnext { padding: 0; background: none; border: 0; }
.ev-wl .ev-upnext__head { margin-bottom: 5px; }
.ev-wl .ev-upnext__head h2 { font: 700 17px/1.3 system-ui,sans-serif; letter-spacing: -.025em; text-transform: none; }
.ev-wl__queue-note { margin: 0 0 12px; color: #98a3ae; font-size: 12px; line-height: 1.5; }
.ev-wl .ev-upnext__link { grid-template-columns: 115px minmax(0,1fr); gap: 10px; padding: 8px 0; border-bottom: 1px solid #23292f; border-radius: 0; }
.ev-wl .ev-upnext__text strong { font-size: 12px; line-height: 1.4; }
.ev-wl .ev-upnext__reason { color: #aab4bf; font-size: 10px; line-height: 1.4; }
.ev-wl__shelf { margin-top: 34px; min-width: 0; }
.ev-wl__shelf > header { display: flex; justify-content: space-between; align-items: end; gap: 12px; margin-bottom: 16px; }
.ev-wl__shelf h2 { margin: 0; color: #f4f4f2; font: 700 clamp(1.25rem,2vw,1.6rem)/1.2 system-ui,sans-serif; letter-spacing: -.035em; }
.ev-wl__shelf header > p, .ev-wl__shelf-note { margin: 0; color: #a4adb7; font-size: 12px; line-height: 1.5; }
.ev-wl__shelf header > a { color: #d3dae1; font-size: 12px; white-space: nowrap; padding: 8px 0 8px 12px; }
.ev-wl__shelf-note { margin: -6px 0 14px; }
.ev-wl__shelf--rising .ev-wl__eyebrow { color: #45c78c; }
.ev-wl .ev-vgrid--hub { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px 20px; }
.ev-wl__card { min-width: 0; }
.ev-wl__format { margin: 0 0 7px; color: #a8b4c1; font-size: 10px; font-weight: 650; letter-spacing: .05em; }
.ev-wl .ev-vcard__media { border-radius: 7px; }
.ev-wl .ev-vcard__title { font-size: 14px; line-height: 1.45; }
.ev-wl .ev-vcard__meta { font-size: 11px; }
.ev-wl__row { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 40px)/3); gap: 20px; overflow-x: auto; padding: 0 1px 14px; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #44505b #15191e; }
.ev-wl__row > * { scroll-snap-align: start; }
.ev-wl__coverage { display: grid; gap: 8px; margin-top: 16px; font-size: 12px; }
.ev-wl__coverage > span { color: #929eaa; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.ev-wl__coverage a { color: #d6dce3; }
.ev-wl__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 32px; padding-top: 22px; border-top: 1px solid #2b3036; color: #a7b2bd; font-size: 13px; }
.ev-wl__foot p { margin: 0; }
.ev-wl__foot a { color: #d7dee5; }
.ev-wl :is(a,button,select):focus-visible, .ev-wl__row:focus-visible { outline: 2px solid #f5f6f7; outline-offset: 3px; }
.ev-wl :is(h1,h2,h3,p,a,strong,small) { overflow-wrap: anywhere; }
.ev-wl__empty { margin: 30px 0; }
@media (min-width:1100px) { .ev-wl .ev-wx__grid { grid-template-columns:minmax(0,1fr) 310px; } }
@media (min-width:640px) and (max-width:1099px) { .ev-wl .ev-upnext__link { grid-template-columns:1fr; } }
@media (max-width:767px) {
 .ev-wl .ev-vgrid--hub { grid-template-columns:repeat(2,minmax(0,1fr)); gap: 20px 14px; }
 .ev-wl__row { grid-auto-columns:70%; gap:14px; }
 .ev-wl__shelf > header > p, .ev-wl__browse-note { display:none; }
 .ev-wl__head { align-items:start; }
 .ev-wl__publish { padding:6px 10px; max-width:130px; gap:8px; font-size:11px; }
}
@media (max-width:480px) {
 .ev-wl__browse > div { flex:1 1 calc(50% - 5px); min-width:0; }
 .ev-wl__browse select { font-size:12px; padding-left:8px; }
 .ev-wl__browse .ev-btn { padding-inline:12px; flex:1 1 60%; }
 .ev-wl .ev-vgrid--hub { grid-template-columns:minmax(0,1fr); }
 .ev-wl .ev-upnext__link { grid-template-columns:112px minmax(0,1fr); }
 .ev-wl__feature-label { letter-spacing:.08em; font-size:9px; }
 .ev-wl__head > div > p:last-child { font-size:12px; max-width:24ch; }
 .ev-wl .ev-wx__meta a, .ev-wl .ev-wl__details { margin-left:0; }
 .ev-wl__feature { padding-bottom:22px; }
 .ev-wl__row { grid-auto-columns:85%; }
}

/* Public Watch archive activity. Static without JS or when reduced motion is requested. */
.ev-watch-ticker { display:flex; align-items:center; gap:14px; min-width:0; margin:0 0 10px; padding:10px 12px; border:1px solid #2a3338; border-radius:7px; background:linear-gradient(100deg,#101a18,#11151a); }
.ev-watch-ticker__label { flex:none; color:#b6c9bf; font:750 10px/1.4 system-ui,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.ev-watch-ticker__window { flex:1; min-width:0; overflow:hidden; }
.ev-watch-ticker__track { display:flex; width:auto; }
.ev-watch-ticker__group { display:flex; flex:1 1 0; min-width:0; flex-wrap:wrap; align-items:center; gap:6px 24px; color:#b2bdc4; font:550 12px/1.7 system-ui,sans-serif; }
.ev-watch-ticker__group > span { white-space:nowrap; }
.ev-watch-ticker__group strong { margin-right:6px; color:#57dda1; font-size:14px; font-variant-numeric:tabular-nums; }
.ev-watch-ticker__copy { display:none; }
.ev-watch-ticker__toggle { flex:none; min-width:56px; min-height:36px; padding:6px 8px; border:1px solid #3c4945; border-radius:5px; color:#e1ebe6; background:#18201e; font:600 11px/1.2 system-ui,sans-serif; cursor:pointer; }
.ev-watch-ticker__toggle[hidden] { display:none; }
.ev-watch-ticker.is-rolling .ev-watch-ticker__track { width:max-content; min-width:200%; animation:ev-watch-roll 28s linear infinite; }
.ev-watch-ticker.is-rolling .ev-watch-ticker__group { flex:1 0 auto; flex-wrap:nowrap; justify-content:space-around; gap:32px; padding-right:32px; }
.ev-watch-ticker.is-rolling .ev-watch-ticker__copy { display:flex; }
.ev-watch-ticker.is-paused .ev-watch-ticker__track,
.ev-watch-ticker:hover .ev-watch-ticker__track,
.ev-watch-ticker:focus-within .ev-watch-ticker__track { animation-play-state:paused; }
@keyframes ev-watch-roll { to { transform:translateX(-50%); } }
@media (max-width:640px) {
 .ev-watch-ticker { gap:8px; padding:8px; }
 .ev-watch-ticker__label { display:none; }
}
@media (prefers-reduced-motion:reduce) {
 .ev-watch-ticker.is-rolling .ev-watch-ticker__track { width:auto; min-width:0; animation:none; }
 .ev-watch-ticker.is-rolling .ev-watch-ticker__group { flex-wrap:wrap; justify-content:flex-start; gap:6px 24px; padding-right:0; }
 .ev-watch-ticker.is-rolling .ev-watch-ticker__copy, .ev-watch-ticker__toggle { display:none; }
}

/* Compact featured Watch stage; keep native playback, theater and mini-player modes. */
html body.ev-theme .ev-watch--hub:has([data-ev-watch-landing]){padding-top:10px}
html body.ev-theme .ev-watch--hub:has([data-ev-watch-landing]) .ev-watch-context{max-width:1580px;gap:8px 12px;padding-block:0 4px;min-height:44px;font-size:11px}
html body.ev-theme .ev-watch--hub:has([data-ev-watch-landing]) .ev-watch-context :is(summary,.ev-watch-context>a){min-height:44px}
html body.ev-theme .ev-wl[data-ev-watch-landing]{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:0}
html body.ev-theme .ev-wl[data-ev-watch-landing]>*{grid-column:1/-1;min-width:0}
html body.ev-theme .ev-wl[data-ev-watch-landing]>.ev-wl__head{display:contents;padding:0;margin:0}
html body.ev-theme .ev-wl[data-ev-watch-landing] .ev-wl__head>.ev-wl__publish{grid-column:2;grid-row:2;align-self:end;min-height:44px;margin:0 0 14px;white-space:nowrap}
html body.ev-theme .ev-wl[data-ev-watch-landing]>.ev-watch-ticker{grid-row:1;margin:0 0 8px;padding:6px 10px;gap:10px}
html body.ev-theme .ev-wl[data-ev-watch-landing]>.ev-wl__browse{grid-column:1;grid-row:2;gap:10px;margin:0 0 14px;padding:8px 0;border:0}
html body.ev-theme .ev-wl[data-ev-watch-landing]>.ev-wl__browse :is(select,button){min-height:44px}
@media(max-width:1099px){html body.ev-theme .ev-wl[data-ev-watch-landing] .ev-wl__browse-note{display:none}}
@media(max-width:767px){
 html body.ev-theme .ev-wl[data-ev-watch-landing]{grid-template-columns:minmax(0,1fr)}
 html body.ev-theme .ev-wl[data-ev-watch-landing]>.ev-wl__browse{grid-column:1;grid-row:2;margin-bottom:8px}
 html body.ev-theme .ev-wl[data-ev-watch-landing] .ev-wl__head>.ev-wl__publish{grid-column:1;grid-row:3;justify-self:end;margin-bottom:12px;max-width:none}
}
html body.ev-theme:not(.ev-cinema-on) .ev-wl .ev-wx .ev-cinema{width:min(100%,calc(52svh * 16 / 9));margin-inline:auto}
html body.ev-theme:not(.ev-cinema-on) .ev-wl .ev-upnext__list{max-height:360px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
@media(min-width:1100px){
 /* Artist, share and follow details sit under the player; Up next stays beside it. */
 html body.ev-theme:not(.ev-cinema-on) .ev-wl .ev-wx__grid{grid-template-columns:minmax(0,calc(52svh * 16 / 9)) minmax(300px,1fr);grid-template-areas:"player side" "info side";grid-template-rows:auto 1fr;gap:14px 24px;align-items:start}
 html body.ev-theme:not(.ev-cinema-on) .ev-wl .ev-wx .ev-cinema{margin-inline:0}
 html body.ev-theme:not(.ev-cinema-on) .ev-wl .ev-wx__info{width:min(100%,calc(52svh * 16 / 9))}
 html body.ev-theme:not(.ev-cinema-on) .ev-wl .ev-wx__title{font-size:20px;line-height:1.3;margin-top:0}
 html body.ev-theme:not(.ev-cinema-on) .ev-wl .ev-watch-identity{padding-block:8px}
 html body.ev-theme:not(.ev-cinema-on) .ev-wl .ev-wx__secondary{gap:6px;margin-top:8px}
 html body.ev-theme:not(.ev-cinema-on) .ev-wl .ev-wl__details{margin-left:0;padding:8px 0;min-height:44px;display:inline-flex;align-items:center}
}