/* VideoVault: key_moments module (loaded only when it renders; tokens and shared parts are in base.css). */
.vvault-front .vvault-moments{list-style:none;margin:0;padding:0}
.vvault-front .vvault-moments li{border-top:1px solid var(--vv-line);margin:0}
.vvault-front .vvault-moments a{display:grid;grid-template-columns:minmax(3.6rem,max-content) 1fr;gap:.75rem;padding:.5rem 0;text-decoration:none;min-height:2.75rem}
.vvault-front .vvault-moments a:hover span,.vvault-front .vvault-moments a:focus-visible span{text-decoration:underline}
.vvault-front .vvault-moments time{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.vvault-front .vvault-module--editorial:is(.vvault-moments-box),.vvault-front .vvault-module--clean:is(.vvault-moments-box),.vvault-front .vvault-module--cinema:is(.vvault-moments-box){padding:var(--vv-pad);border:1px solid var(--vv-card-line);border-radius:var(--vv-radius);background:var(--vv-paper)}
/* VV-007 Key moments: play disc, display timestamp, label, chevron. */
.vvault-front .vvault-moments li{border-top:1px solid var(--vv-card-line)}
.vvault-front .vvault-moments li:last-child{border-bottom:1px solid var(--vv-card-line)}
.vvault-front .vvault-moments a{grid-template-columns:auto 4.6rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.75rem .25rem;min-height:3.25rem}
.vvault-front .vvault-moments__go{margin:0 var(--vv-s1) 0 0;opacity:.75}
.vvault-front .vvault-moments__play{position:relative;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--vv-strong);color:var(--vv-on-strong)}
.vvault-front .vvault-moments time{font-family:var(--vv-font-display);font-size:1.3em;font-weight:400;color:var(--vv-strong);line-height:1.1}
.vvault-front .vvault-moments a>span:not(.vvault-moments__play){font-weight:600;font-size:1.05em;line-height:1.3}
.vvault-front .vvault-moments a:hover{background:var(--vv-panel)}
@container vv (max-width:480px){.vvault-front .vvault-moments a{grid-template-columns:auto 3.6rem minmax(0,1fr) auto;gap:.75rem}}
/* VV-007 moment thumbnails (the video's own still, with the moment's time). */
.vvault-front .vvault-moments--thumbs a{grid-template-columns:7.5rem auto 4.4rem minmax(0,1fr) auto}
.vvault-front .vvault-moments__thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:3px;overflow:hidden;background:var(--vv-panel)}
.vvault-front .vvault-moments__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vvault-front .vvault-moments__thumb>span{position:absolute;left:.3rem;bottom:.3rem;padding:0 .25rem;border-radius:3px;background:rgba(20,22,22,.8);color:#fff;font-family:var(--vv-font-ui);font-size:.875rem;line-height:1.4}
.vvault-front .vvault-moments__text{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.vvault-front .vvault-moments__label{font-weight:600;font-size:1.05em;line-height:1.3;text-box:trim-both cap alphabetic}
.vvault-front .vvault-moments__desc{font-family:var(--vv-font-ui);font-size:.875rem;color:var(--vv-muted);line-height:1.4}
@container vv (max-width:520px){.vvault-front .vvault-moments--thumbs a{grid-template-columns:5.5rem 3.4rem minmax(0,1fr) auto;gap:.75rem}.vvault-front .vvault-moments--thumbs .vvault-moments__play{display:none}}
/* VV-007 key moments (Clean): compact rows, accent timestamp in the UI font, medium labels. */
.vvault-front .vvault-module--clean .vvault-moments a{gap:.75rem;padding:.5rem .25rem;min-height:2.75rem}
.vvault-front .vvault-module--clean .vvault-moments time{font-family:var(--vv-font-ui);font-size:.92rem;font-weight:600;font-variant-numeric:tabular-nums}
.vvault-front .vvault-module--clean .vvault-moments a>span:not(.vvault-moments__play),.vvault-front .vvault-module--clean .vvault-moments__label{font-family:var(--vv-font-ui);font-size:.92rem;font-weight:500}
.vvault-front .vvault-module--clean .vvault-moments__play{width:1.6rem;height:1.6rem}
.vvault-front .vvault-module--clean .vvault-moments a{grid-template-columns:auto 3.6rem minmax(0,1fr) auto}
.vvault-front .vvault-module--clean .vvault-moments--thumbs a{grid-template-columns:6.5rem auto 3.6rem minmax(0,1fr) auto}
.vvault-front .vvault-module.vvault-module--cinema{background:var(--vv-paper);padding:var(--vv-pad);border:0;border-radius:var(--vv-radius)}
.vvault-front .vvault-module--compact :is(.vvault-moments a){min-height:2.1rem;padding:.25rem 0}
.vvault-front .vvault-module--cinema .vvault-moments__play{color:#fff}
/* Key moments, FAQ, sources: two columns from 640px. */
@container vv (min-width:640px){.vvault-front .vvault-variant--columns :is(.vvault-moments){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}}
.vvault-front .vvault-module.vvault-module--editorial:is(.vvault-kmoments){margin:0;padding:0;border:0;border-radius:0;background:transparent}
/* Video page v2: a list of rows (time, a play ring, the moment), two columns of rows in a wide container, then "Show all N moments". */
.vvault-front .vvault-kmoments__dek{margin:var(--vv-s2) 0 0;font-family:var(--vv-font-ui);font-size:.9375rem;line-height:1.45;color:var(--vv-muted)}
.vvault-front .vvault-kmoments__list{list-style:none;margin:var(--vv-s3) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--vv-s5)}
@container vv (min-width:640px){.vvault-front .vvault-kmoments__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vvault-front .vvault-kmoment{margin:0}
.vvault-front .vvault-kmoment a{display:grid;grid-template-columns:3.5rem auto minmax(0,1fr);align-items:center;gap:var(--vv-s1) var(--vv-s3);min-height:2.75rem;padding:var(--vv-s2) 0;border-bottom:1px solid var(--vv-vp-line,var(--vv-line));text-decoration:none;color:inherit}
.vvault-front .vvault-kmoment__media{grid-column:1/-1;position:relative;display:block;aspect-ratio:16/9;border-radius:var(--vv-radius-sm);overflow:hidden;background:var(--vv-soft)}
.vvault-front .vvault-kmoment__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vvault-front .vvault-kmoment__time{font-family:var(--vv-font-ui);font-variant-numeric:tabular-nums;font-weight:600;font-size:.9375rem;color:var(--vv-vp-accent,var(--vv-strong));text-decoration:underline;text-underline-offset:3px}
.vvault-front .vvault-kmoment__play{width:1.375rem;height:1.375rem;flex:none}
.vvault-front .vvault-kmoment__label{font-size:1rem;line-height:1.35}
.vvault-front .vvault-kmoment__desc{grid-column:3;color:var(--vv-muted);font-size:.9375rem;line-height:1.45}
.vvault-front .vvault-kmoment a:is(:hover,:focus-visible) .vvault-kmoment__label{text-decoration:underline;text-underline-offset:3px}
.vvault-front .vvault-kmoments.is-folded .vvault-kmoment:nth-child(n+7){display:none}
.vvault-front .vvault-kmoments__more{--vv-btn-bg:var(--vv-vp-accent,var(--vv-strong));--vv-btn-fg:var(--vv-on-strong,var(--vv-paper));--vv-btn-bg-hover:color-mix(in srgb,var(--vv-btn-bg) 82%,#000);display:flex;align-items:center;justify-content:center;width:100%;min-height:2.75rem;margin:var(--vv-s4) 0 0;padding:0 var(--vv-s4);border:0;border-radius:var(--vv-radius-sm);background:var(--vv-btn-bg);color:var(--vv-btn-fg);font-family:var(--vv-font-ui);font-size:.9375rem;font-weight:500;cursor:pointer}
.vvault-front .vvault-kmoments__more:hover{background:var(--vv-btn-bg-hover);color:var(--vv-btn-fg)}
.vvault-front .vvault-kmoments__more:focus-visible{outline:2px solid var(--vv-ring,var(--vv-ink));outline-offset:2px}
.vvault-front .vvault-kmoments__more[hidden]{display:none}