/* VideoVault: event_link module (loaded only when it renders; tokens and shared parts are in base.css). */
/* VV-011 Part of this event. */
.vvault-front .vvault-evlink__main{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem 1.5rem;align-items:start}
@container vv (min-width:560px){.vvault-front .vvault-evlink__main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@container vv (min-width:330px){.vvault-front .vvault-evlink--compact .vvault-evlink__main{grid-template-columns:minmax(0,min(42%,var(--vv-pic-lead))) minmax(0,1fr);align-items:center}}
.vvault-front .vvault-evlink__media .vvault-th{border-radius:4px}
.vvault-front .vvault-evlink__name{margin:0 0 .25rem;font-size:clamp(1.4rem,1.1rem + 1.2cqi,1.95rem);line-height:1.12;font-weight:var(--vv-title-weight)}
.vvault-front .vvault-evlink__name a{text-decoration:none}
.vvault-front .vvault-evlink__name a:hover{text-decoration:underline;text-decoration-thickness:1px}
.vvault-front .vvault-evlink__date{margin:0 0 .5rem;font-family:var(--vv-font-ui);font-size:1.05rem}
.vvault-front .vvault-evlink__date a{color:var(--vv-strong)!important;text-underline-offset:.2em}
.vvault-front .vvault-evlink .vvault-factline{margin:0 0 .75rem;font-size:.95rem}
.vvault-front .vvault-evlink__lead{margin:0;font-size:1.04rem;line-height:1.5}
.vvault-front .vvault-evlink .vvault-ai-label{margin-top:.75rem;padding-top:0;border-top:0}
.vvault-front .vvault-evlink .vvault-subhead{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--vv-card-line)}
.vvault-front .vvault-module--clean .vvault-factline{font-size:.88rem;gap:.5rem 0}
.vvault-front .vvault-module--cinema :is(.vvault-media,.vvault-frame,.vvault-th,.vvault-thumb){border-radius:calc(var(--vv-radius) - 4px)}
.vvault-front .vvault-module--compact :is(.vvault-th,.vvault-frame,.vvault-thumb){aspect-ratio:16/9;height:auto;min-height:0;border-radius:3px}
.vvault-front .vvault-module--compact :is(.vvault-evlink__main){grid-template-columns:8rem minmax(0,1fr);gap:.75rem}
.vvault-front .vvault-module--compact :is(.vvault-evlink__media){order:-1}
.vvault-front :is(.vvault-evlink__main){align-items:center}
.vvault-front .vvault-module--compact :is(.vvault-evlink__main){align-items:center}
.vvault-front .vvault-module--compact :is(.vvault-evlink__lead){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vvault-front :is(.vvault-stlead__media,.vvault-pick__media,.vvault-tintro__media,.vvault-evlink__media,.vvault-otd__media) :is(.vvault-frame,.vvault-th){aspect-ratio:4/3;height:auto}
.vvault-front :is(.vvault-evlink__media){align-self:center}
.vvault-front :is(.vvault-evlink__lead){display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
/* Compact is list-first: source and event-link rows drop their thumbnail; the date picture is small. */
.vvault-front .vvault-module--compact :is(.vvault-evlink__media){display:none}
.vvault-front .vvault-module--compact .vvault-evlink__main{grid-template-columns:minmax(0,1fr)}
.vvault-front .vvault-module.vvault-module--editorial:is(.vvault-evside){margin:0;padding:0;border:0;border-radius:0;background:transparent}
/* Video page v2: the "Event context" card's head: a label, the event's name, the link to its page. */
.vvault-front .vvault-evside{display:flex;flex-direction:column;align-items:flex-start;gap:var(--vv-s1)}
.vvault-front .vvault-evside__kicker{margin:0;font-family:var(--vv-font-ui);font-size:.875rem;font-weight:500;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--vv-muted)}
.vvault-front .vvault-evside__name{margin:0;font-family:var(--vv-font-display);font-size:1.5rem;line-height:1.2;font-weight:var(--vv-title-weight)}
.vvault-front .vvault-evside__go{display:inline-flex;align-items:center;gap:var(--vv-s1);margin-top:var(--vv-s1);font-family:var(--vv-font-ui);font-size:.9375rem;color:var(--vv-vp-accent,var(--vv-strong));text-decoration:underline;text-underline-offset:3px}
/* R33: in a wide container the picture stops at --vv-pic-lead and the text centres beside it. */
@container vv (min-width:561px){.vvault-front .vvault-module:not(.vvault-module--compact) .vvault-evlink__main:has(>.vvault-evlink__media:first-child){grid-template-columns:minmax(0,min(44%,18rem)) minmax(0,1fr);align-items:center}}
/* R33: an event with no lead is a name and a date; its picture drops to the row size so the text is not lost beside it. */
@container vv (min-width:561px){.vvault-front .vvault-module:not(.vvault-module--compact) .vvault-evlink__main:has(>.vvault-evlink__media:first-child):not(:has(.vvault-evlink__lead)){grid-template-columns:minmax(0,var(--vv-pic-row)) minmax(0,1fr)}}
