/* VideoVault: breadcrumbs module (loaded only when it renders; tokens and shared parts are in base.css). */
.vvault-front .vvault-crumbs.vvault-module--editorial,.vvault-front .vvault-crumbs.vvault-module--clean,.vvault-front .vvault-crumbs.vvault-module--cinema,.vvault-front .vvault-crumbs.vvault-module--compact{padding:0;border:0}
.vvault-front .vvault-crumbs{font-size:max(.875rem,.85em);color:var(--vv-muted);margin:0 0 1rem}
.vvault-front .vvault-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem}
.vvault-front .vvault-crumbs__sep{margin-inline:var(--vv-s2);opacity:.6}
.vvault-front .vvault-crumbs [aria-current]{overflow-wrap:anywhere}
/* Inline pieces (player, header meta) never take the section rule or padding. */
.vvault-front .vvault-module.vvault-module--editorial:is(.vvault-crumbs),.vvault-front .vvault-module.vvault-module--clean:is(.vvault-crumbs),.vvault-front .vvault-module.vvault-module--cinema:is(.vvault-crumbs){padding:0;border:0;background:transparent}
.vvault-front .vvault-crumbs [aria-current]{color:inherit}
/* VV-001 Content header: breadcrumbs, display title, meta. */
.vvault-front .vvault-crumbs{font-family:var(--vv-font-ui);font-size:.92rem;color:inherit;margin:0 0 1.5rem}
.vvault-front .vvault-crumbs ol{gap:.25rem .5rem;align-items:center}
.vvault-front .vvault-crumbs li{display:inline}
.vvault-front .vvault-crumbs ol{display:block}
.vvault-front .vvault-crumbs a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;color:var(--vv-strong)}
.vvault-front .vvault-crumbs a:hover{text-decoration-thickness:2px}
/* ==== Editorial module system: VV-033..040 (isolated-module designs, batch 5, 2026-10-30) ==== */
/* VV-033 Breadcrumbs: house icon on Home, chevrons, parents underlined in the accent, the page plain; framed when standalone. */
.vvault-front .vvault-crumbs .vvault-ico--home{--vv-ico-size:1.35em;margin:0 var(--vv-s2) 0 0;color:var(--vv-strong)}
.vvault-front .vvault-crumbs li:first-child a{text-decoration-color:color-mix(in srgb,currentColor 60%,transparent)}
.vvault-front .vvault-module.vvault-crumbs.vvault-crumbs--framed{display:block;padding:1rem 1.5rem;border:1px solid var(--vv-card-line);border-radius:var(--vv-radius);background:var(--vv-paper);font-size:1.18rem;line-height:1.5;margin:0 0 1rem}
.vvault-front .vvault-crumbs--framed .vvault-crumbs__sep{margin:0 var(--vv-s4) 0 var(--vv-s3)}
.vvault-front .vvault-crumbs--framed .vvault-ico--home{--vv-ico-size:1.55em;margin-right:var(--vv-s5,24px)}
.vvault-front .vvault-module.vvault-module--compact.vvault-crumbs.vvault-crumbs--framed{padding:0;border:0;background:transparent}
.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}
.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--cinema.vvault-crumbs a{color:inherit}
/* Cinema crumbs have no dark panel of their own, so they keep the page's text colour (R30). */
.vvault-front .vvault-crumbs.vvault-module--cinema:not(.vvault-crumbs--framed){color:inherit;--vv-ring:currentColor}
/* The Home icon follows the link text there: Cinema's --vv-strong is white, which vanished on the light page (R30). */
.vvault-front .vvault-crumbs.vvault-module--cinema:not(.vvault-crumbs--framed) .vvault-ico--home{color:inherit}
.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-crumbs){border-top:0;padding-top:0}
@container vv (max-width:480px){.vvault-front .vvault-module{--vv-pad:var(--vv-s4)}}
.vvault-front .vvault-evpage .vvault-module.vvault-crumbs,.vvault-front .vvault-evpage .vvault-module.vvault-crumbs.vvault-crumbs--framed{margin:0;padding:0;border:0;border-radius:0;background:transparent;font-family:var(--vv-font-ui);font-size:.875rem;line-height:1.4}
.vvault-front .vvault-evpage .vvault-crumbs--framed .vvault-crumbs__sep{margin:0 var(--vv-s2) 0 0}
.vvault-front .vvault-evpage .vvault-crumbs .vvault-ico--home{display:none}
/* Links are told apart from the plain trail by a quiet underline, not colour alone (WCAG 1.4.1). */
.vvault-front .vvault-evpage .vvault-crumbs a{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:.22em}
.vvault-front .vvault-evpage .vvault-crumbs a:hover{text-decoration-color:currentColor}
.vvault-front .vvault-vpage .vvault-crumbs{margin:0}
/* Breadcrumbs on this page: one quiet line, as on the boards (the framed bar is for stand-alone blocks). */
.vvault-front .vvault-vpage .vvault-module.vvault-crumbs,.vvault-front .vvault-vpage .vvault-module.vvault-crumbs.vvault-crumbs--framed{padding:0;border:0;background:transparent;box-shadow:none;font-size:.875rem;line-height:1.5;margin:0}
.vvault-front .vvault-vpage .vvault-crumbs .vvault-crumbs__sep{margin:0 var(--vv-s2)}
.vvault-front .vvault-vpage .vvault-crumbs :is(a,span,li){font-size:inherit}
.vvault-front .vvault-vpage .vvault-crumbs .vvault-ico--home{display:none}
/* Editorial appearance: plain "Home / Videos" text on every page. No icon, box or background; "/" separators; muted links underlined only on hover and focus. Other appearances keep the rules above. */
.vvault-front.vvault-front.vvault-front .vvault-module.vvault-module--editorial.vvault-crumbs{display:block;padding:var(--vv-s4,1rem) 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;--vv-crumb:color-mix(in srgb,var(--vv-ink,currentColor) 78%,var(--vv-paper,#fff));margin:0 0 var(--vv-crumb-after,var(--vv-s4,1rem));font-family:var(--vv-font-ui);font-size:.9rem;line-height:1.8;color:var(--vv-crumb)}
.vvault-front.vvault-front.vvault-front .vvault-module.vvault-module--editorial.vvault-crumbs ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:0;margin:0;padding:0;list-style:none}
.vvault-front.vvault-front.vvault-front .vvault-module.vvault-module--editorial.vvault-crumbs li{display:inline;min-width:0;overflow-wrap:anywhere;color:var(--vv-crumb)}
.vvault-front.vvault-front.vvault-front .vvault-module.vvault-module--editorial.vvault-crumbs li:not(:last-child)::after{content:"/";margin-inline:.6em;color:var(--vv-crumb)}
.vvault-front.vvault-front.vvault-front .vvault-module.vvault-module--editorial.vvault-crumbs :is(.vvault-ico,.vvault-crumbs__sep){display:none}
.vvault-front.vvault-front.vvault-front .vvault-module.vvault-module--editorial.vvault-crumbs a{color:var(--vv-crumb);text-decoration:none;font-size:inherit}
.vvault-front.vvault-front.vvault-front .vvault-module.vvault-module--editorial.vvault-crumbs a:is(:hover,:focus-visible){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
.vvault-front.vvault-front.vvault-front .vvault-module.vvault-module--editorial.vvault-crumbs [aria-current]{color:var(--vv-crumb)}
/* One placement for every page (tokens only): --vv-s4 under the header, and the next block starts --vv-s4 below the crumb line, so the H1 capitals sit about 35px under the baseline. Layouts that already space their children with a flex gap (the video and event pages) take that gap off here instead of adding to it. */
.vvault-front .vvault-vpage,.vvault-front .vvault-evpage{--vv-crumb-after:calc(var(--vv-s4,1rem) - var(--vv-s6,2rem))}