/* VideoVault: video_meta module (loaded only when it renders; tokens and shared parts are in base.css). */
.vvault-front .vvault-origtitle{font-size:max(.875rem,.82em);color:var(--vv-muted);margin:.5rem 0 0}
.vvault-front .vvault-origtitle q{font-style:italic}
.vvault-front .vvault-page__head .vvault-origtitle{margin:0 0 .25rem}
.vvault-front .vvault-video-meta{margin:.25rem 0 1rem}
.vvault-front .vvault-module.vvault-module--editorial:is(.vvault-video-meta,.vvault-origtitle),.vvault-front .vvault-module.vvault-module--clean:is(.vvault-video-meta,.vvault-origtitle),.vvault-front .vvault-module.vvault-module--cinema:is(.vvault-video-meta,.vvault-origtitle){padding:0;border:0;background:transparent}
.vvault-front .vvault-page__head .vvault-origtitle{font-family:var(--vv-font-ui);font-size:.875rem;margin:0 0 1rem}
/* VV-003 Video details: channel, uploaded, length, type, source. */
.vvault-front .vvault-video-meta{margin:.5rem 0 0;font-size:1rem;color:inherit}
.vvault-front .vvault-details{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 0;margin:0;padding:0;list-style:none;font-family:var(--vv-font-ui)}
.vvault-front .vvault-details>li{display:flex;flex-direction:column;justify-content:center;margin:0;padding:0 1.5rem;border-left:1px solid var(--vv-card-line);min-height:2.9rem;line-height:1.3}
.vvault-front .vvault-details>li:first-child{padding-left:0;border-left:0}
.vvault-front .vvault-details strong{font-weight:600;font-size:1rem}
.vvault-front .vvault-details li>span:not(.vvault-avatar){font-size:.875rem;color:var(--vv-muted)}
.vvault-front .vvault-details__channel{flex-direction:row!important;align-items:center;gap:.75rem}
.vvault-front .vvault-details__channel a{font-weight:600;text-decoration:none}
.vvault-front .vvault-details__channel a:hover{text-decoration:underline}
.vvault-front .vvault-details .vvault-details__channel>span:last-child{font-size:1rem;color:inherit}
.vvault-front .vvault-details__source a{display:inline-flex;align-items:center;gap:.25rem;color:var(--vv-strong);font-size:1rem;font-weight:500;text-decoration:underline;text-underline-offset:.2em}
.vvault-front .vvault-details__type .vvault-tag{margin:0;font-family:var(--vv-font-ui)}
@container vv (max-width:520px){.vvault-front .vvault-details{gap:1rem 1.5rem}.vvault-front .vvault-details>li{padding:0;border-left:0}}
.vvault-front .vvault-page__head .vvault-video-meta{margin:1rem 0 0}
.vvault-front .vvault-page__head>.vvault-origtitle{order:3;margin:0 0 .5rem}
.vvault-front .vvault-page__head>.vvault-video-meta{order:4;margin:0 0 1rem}
.vvault-front .vvault-module--clean{--vv-radius:var(--wp--custom--videovault--radius,8px);--vv-pad:1.5rem;--vv-title:clamp(1.2rem,1rem + 1.1cqi,1.55rem);--vv-title-weight:var(--wp--custom--videovault--title-weight,600);--vv-card-line:color-mix(in srgb,currentColor 13%,transparent);--vv-panel:color-mix(in srgb,currentColor 4%,var(--vv-paper));--vv-gap:1.5rem;font-size:.95rem;line-height:1.5}
/* VV-003 video details: one card (play disc avatar, channel and date, length, type, source), the
   original title as its footer row. In the page header it stays bare. */
.vvault-front .vvault-module--clean.vvault-video-meta:not(.vvault-page__head>*){padding:var(--vv-pad);border:1px solid var(--vv-card-line);border-radius:var(--vv-radius);background:var(--vv-paper)}
.vvault-front .vvault-module--clean .vvault-details>li{padding:0 1rem;min-height:2.5rem}
.vvault-front .vvault-module--clean .vvault-details>li:first-child{padding-left:0}
.vvault-front .vvault-module--clean .vvault-details strong{font-size:.95rem}
.vvault-front .vvault-module--clean .vvault-details .vvault-avatar{width:2.6rem;height:2.6rem}
.vvault-front .vvault-video-meta>.vvault-origtitle{margin:.75rem 0 0;padding-top:.75rem;border-top:1px solid var(--vv-card-line);font-family:var(--vv-font-ui);font-size:.875rem}
.vvault-front .vvault-video-meta>.vvault-origtitle q{font-style:normal}
.vvault-front .vvault-module--cinema{--vv-ink:var(--wp--preset--color--base,#fff);--vv-paper:var(--wp--preset--color--contrast,#111);--vv-strong:var(--wp--preset--color--base,#fff);--vv-on-strong:var(--wp--preset--color--contrast,#111);--vv-radius:var(--wp--custom--videovault--radius,12px);--vv-pad:2rem;--vv-title:clamp(1.5rem,1.1rem + 2cqi,2.3rem);--vv-title-weight:800;--vv-card-line:color-mix(in srgb,currentColor 18%,transparent);--vv-panel:color-mix(in srgb,currentColor 8%,var(--vv-paper));--vv-muted:color-mix(in srgb,currentColor 72%,transparent);--vv-gap:2rem;color:var(--vv-ink);background:var(--vv-paper);padding:var(--vv-pad);border:0;border-radius:var(--vv-radius)}
.vvault-front .vvault-module--compact{--vv-radius:4px;--vv-pad:0;--vv-title:1.15rem;--vv-title-weight:700;--vv-card-line:color-mix(in srgb,currentColor 14%,transparent);--vv-panel:transparent;font-size:.9rem;line-height:1.45}
.vvault-front .vvault-module.vvault-module--compact:is(.vvault-video-meta,.vvault-origtitle){border-top:0;padding-top:0}
/* VV-003 and every details row: the same divider system. */
.vvault-front .vvault-details{column-gap:var(--vv-s5);overflow-x:clip}
.vvault-front .vvault-details>li,.vvault-front .vvault-details>li:first-child{position:relative;padding:0;border:0}
.vvault-front .vvault-details>li+li::before{content:"";position:absolute;left:calc(var(--vv-s3) * -1);top:10%;bottom:10%;width:1px;background:var(--vv-card-line)}
.vvault-front .vvault-module--clean .vvault-details>li{padding:0}
@container vv (max-width:480px){.vvault-front .vvault-module{--vv-pad:var(--vv-s4)}}
.vvault-front .vvault-module.vvault-module--editorial:is(.vvault-chanline){margin:0;padding:0;border:0;border-radius:0;background:transparent}
/* Channel line under the title: "N  NTSBgov · Official animation · 2015". */
.vvault-front .vvault-chanline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--vv-s2);font-size:.9375rem;color:var(--vv-muted)}
.vvault-front .vvault-chanline .vvault-avatar{width:2rem;height:2rem;font-size:.875rem;flex:none}
.vvault-front .vvault-chanline__name{color:var(--vv-ink);font-weight:500}
.vvault-front .vvault-chanline__name a{text-decoration:none}
.vvault-front .vvault-chanline__name a:hover{text-decoration:underline}
.vvault-front .vvault-chanline>:is(.vvault-chanline__name,.vvault-chanline__bit):not(:last-child)::after{content:"·";margin-left:var(--vv-s2)} /* After each item, so a wrapped line never starts with a dot. */
@container vv (max-width:600px){.vvault-front .vvault-chanline{font-size:.875rem}}
.vvault-front .vvault-vpage .vvault-chanline{font-size:clamp(1rem,.8rem + .6cqi,1.0625rem);color:var(--vv-ink)}
.vvault-front .vvault-vpage .vvault-chanline__name{font-weight:400}
.vvault-front .vvault-chanline>:is(.vvault-chanline__name,.vvault-chanline__bit){display:inline-flex;align-items:baseline;gap:0 .25em}
