/* VideoVault home page (Phase 2b Task 10). --vv-* tokens only, no hard-coded fonts or text
   colours; a theme may set settings.custom.videovault.fontUi / accent in theme.json (the demo style does). */
.vvault-front{--vv-font-ui:var(--wp--custom--videovault--font-ui,inherit);--vv-strong:var(--wp--custom--videovault--accent,var(--wp--preset--color--contrast,#1e1e1e))}
.vvault-front .vvault-sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.vvault-front .vvault-meta,.vvault-front .vvault-eyebrow,.vvault-front .vvault-ai-label,.vvault-front .vvault-more,.vvault-front .vvault-section__aside,.vvault-front .vvault-btn,.vvault-front .vvault-stat__note,.vvault-front .vvault-evcard__foot{font-family:var(--vv-font-ui)}
.vvault-front .vvault-sep{opacity:.45;margin:0 .35em}
:where(.vvault-front) :where(.vvault-btn){display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.6em 1.4em;border:0;border-radius:3px;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer}
.vvault-front a.vvault-btn{text-decoration:none}
.vvault-front .vvault-btn:focus-visible{outline-offset:3px}
.vvault-front img.vvault-img--yt{position:absolute;left:0;top:-16.667%;width:100%;height:133.333%;object-fit:cover;max-width:none}
/* The chevron itself is base.css's (one drawing for every module); the home only pushes it right. */
.vvault-home .vvault-chev{margin-left:auto;margin-right:4px}
.vvault-front .vvault-playdot{position:relative;flex:none;width:1.5em;height:1.5em;border-radius:50%;background:var(--vv-strong);color:var(--vv-paper)}
.vvault-front .vvault-ai-label{font-size:max(.875rem,.78em);line-height:1.5;color:var(--vv-muted);margin:.9rem 0 0}
.vvault-front .vvault-ai-label a{text-decoration:underline}
.vvault-front .vvault-ai-label--tiny{font-size:max(.875rem,.72em);margin:.3rem 0 0}
.vvault-home .vvault-section{margin:0}
/* (0,2,0) so the theme's own block gap between blocks never adds to it. */
.vvault-front.vvault-homeblock{margin-block:40px 0}
.vvault-front.vvault-homeblock--hero{margin-block-start:0}
.vvault-front.vvault-homeblock--find{margin-block-start:16px}
.vvault-home .vvault-section__head{display:flex;justify-content:space-between;align-items:baseline;gap:4px 16px;border-top:1px solid var(--vv-line);border-bottom:0;margin:0 0 16px;padding:16px 0 0;flex-wrap:nowrap}
.vvault-home .vvault-section__head h2{margin:0;min-width:0;font-family:var(--vv-font-display);font-size:clamp(1.5rem,1.2rem + .9vw,1.875rem);line-height:1.2;font-weight:var(--vv-title-weight)}
.vvault-front .vvault-more,.vvault-front .vvault-section__aside{font-size:max(.875rem,.82em);text-decoration:none;white-space:nowrap}
.vvault-front .vvault-section__aside{font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.vvault-front .vvault-more:hover{text-decoration:underline}
/* Link colour is the theme's: a theme sets settings.custom.videovault.link (the demo's Hangar green); without it these links keep the text colour. */
.vvault-front :is(.vvault-more,.vvault-evcard__go,.vvault-way__list a,.vvault-storycard__go){color:var(--wp--custom--videovault--link,currentColor)}
.vvault-home-hint{margin:1rem 0 0;padding:.75rem 1rem;border:1px dashed var(--vv-edge);border-radius:4px}
.vvault-home-hint span{display:block;margin-top:.2rem}
.vvault-homeblock--hero{margin-top:0}
.vvault-hero{display:grid;grid-template-columns:minmax(0,1fr)}
.vvault-hero__text{padding:32px 0 24px;position:relative;z-index:1}
.vvault-hero__eyebrow{display:flex;align-items:center;gap:8px;margin:0;font-size:.875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.vvault-front .vvault-hero__title{font-family:var(--vv-font-display);font-size:clamp(2.125rem,1.4rem + 2.6vw,3.5rem);line-height:1.04;letter-spacing:-.01em;margin:12px 0 8px;font-weight:700;text-wrap:balance}
.vvault-hero__sub{font-size:clamp(1.25rem,1rem + .9vw,1.7rem);line-height:1.2;margin:0 0 1rem;color:var(--wp--custom--videovault--accent-text,var(--vv-strong));font-weight:var(--wp--custom--videovault--sub-weight,400)}
.vvault-hero__sub a{text-decoration:none}
.vvault-hero__sub a:hover{text-decoration:underline}
.vvault-hero__lead{font-size:1.0625rem;line-height:1.55;margin:0 0 24px;max-width:32em}
.vvault-hero__meta{margin:-.4rem 0 1rem}
.vvault-hero__cta{margin:0}
.vvault-hero__media{margin:0}
.vvault-hero__frame{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--vv-soft)}
.vvault-hero__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vvault-front .vvault-hero__caption{margin:8px 0 0;font-family:var(--vv-font-ui);font-size:.875rem;line-height:1.4;color:var(--vv-muted)}
.vvault-front .vvault-hero__caption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.vvault-front .vvault-hero__caption .vvault-credit{font-size:inherit;color:inherit}
@media (min-width:782px){.vvault-hero{grid-template-columns:minmax(0,5fr) minmax(0,6.4fr);align-items:center}
.vvault-hero__text{padding:40px 32px 32px 0}
.vvault-hero--text{grid-template-columns:minmax(0,1fr);min-height:0}}
/* Text-only hero (the featured event has no photo of its own, and a lettered video thumbnail is not used):
   board 01's type in one column at a reading measure, closed by a hairline before the Find bar. */
.vvault-hero--text{border-bottom:1px solid var(--vv-line)}
.vvault-hero--text .vvault-hero__text{max-width:44rem}
@media (min-width:782px){.vvault-hero--text .vvault-hero__text{padding:48px 0 40px}}
.vvault-evcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr)}
.vvault-evcard{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:12px;margin:0;padding:16px 0;border-top:1px solid var(--vv-line)}
.vvault-evcard:first-child{border-top:0;padding-top:0}
.vvault-evcard__media{display:block;position:relative;aspect-ratio:4/3;background:var(--vv-soft);overflow:hidden;border-radius:2px;align-self:start}
.vvault-evcard__media img{width:100%;height:100%;object-fit:cover;display:block}
.vvault-evcard__media .vvault-plate{position:absolute;inset:0;aspect-ratio:auto;border-radius:inherit}
.vvault-evcard h3{margin:0 0 4px;font-family:var(--vv-font-display);font-size:1.125rem;line-height:1.25;font-weight:var(--vv-title-weight)}
.vvault-evcard h3 a{text-decoration:none}
.vvault-evcard h3 a:hover{text-decoration:underline}
.vvault-evcard__meta{margin:0 0 8px;font-size:.875rem;line-height:1.4;color:var(--vv-muted)}
/* Meta lines (date | aircraft | country): an item never breaks inside, and the separator in
   front of the first item on a wrapped line falls in the clipped margin, so no line starts with "|". */
.vvault-front .vvault-metalist{display:block;overflow:hidden}
.vvault-front .vvault-metalist__in{display:flex;flex-wrap:wrap;margin-left:-17px}
.vvault-front .vvault-metalist__in>span{position:relative;padding-left:17px;white-space:nowrap}
.vvault-front .vvault-metalist__in>span::before{content:"|";position:absolute;left:6px;opacity:.45}
.vvault-evcard__lead{margin:0;font-size:.9375rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vvault-evcard__body{display:flex;flex-direction:column;min-width:0}
.vvault-evcard__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:auto 0 0;padding-top:12px;font-size:.9375rem}
.vvault-evcard__count{color:var(--vv-muted)}
.vvault-front .vvault-evcard__go{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@container vv (min-width:760px){.vvault-evcards{grid-template-columns:repeat(2,minmax(0,1fr))}
.vvault-evcard{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:16px;padding:0 24px 0 0;border-top:0}
.vvault-evcard+.vvault-evcard{border-left:1px solid var(--vv-line);padding-left:24px;padding-top:0}
.vvault-evcard__media{aspect-ratio:16/10}
.vvault-evcard h3{font-size:1.3125rem}}
.wp-block-group.vvault-home-trio,.vvault-home-trio>.wp-block-group__inner-container{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:0}
.wp-block-group.vvault-home-trio>*,.vvault-home-trio>.wp-block-group__inner-container>*{margin-block-start:0;min-width:0}
.wp-block-group.vvault-home-trio:empty,.vvault-home-trio>.wp-block-group__inner-container:empty{display:none}
@media (min-width:1120px){.wp-block-group.vvault-home-trio,.vvault-home-trio>.wp-block-group__inner-container{display:flex;align-items:stretch}
.wp-block-group.vvault-home-trio>*,.vvault-home-trio>.wp-block-group__inner-container>*{flex:1 1 0}
.vvault-home-trio .vvault-homeblock--stories{flex-grow:1.75}
.wp-block-group.vvault-home-trio>.vvault-homeblock+.vvault-homeblock,.vvault-home-trio>.wp-block-group__inner-container>*+*{border-left:1px solid var(--vv-line);padding-left:1.5rem;margin-left:1.5rem}}
.vvault-storycard{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
.vvault-storycard__media{display:block;position:relative;aspect-ratio:21/9;background:var(--vv-soft);overflow:hidden;border-radius:2px}
.vvault-storycard__media img{width:100%;height:100%;object-fit:cover;display:block}
.vvault-storycard h3{margin:0 0 .45rem;font-size:1.25rem;line-height:1.25}
.vvault-storycard h3 a,.vvault-otdcard__title a{text-decoration:none}
.vvault-storycard h3 a:hover,.vvault-otdcard__title a:hover{text-decoration:underline}
.vvault-storycard__dek{margin:0 0 .5rem;font-size:max(.875rem,.95em);line-height:1.5}
.vvault-storycard .vvault-meta{margin:0;font-size:max(.875rem,.78em)}
@container vv (min-width:480px){.vvault-storycard{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:center}.vvault-storycard__media{aspect-ratio:3/2}}
.vvault-otdcard__media{display:block;position:relative;aspect-ratio:21/9;background:var(--vv-soft);overflow:hidden;border-radius:2px}
.vvault-otdcard__media img{width:100%;height:100%;object-fit:cover;display:block}
.vvault-otdcard__title{margin:.7rem 0 .25rem;font-size:1rem;line-height:1.3;font-weight:400}
.vvault-otdcard__year{font-weight:700;margin-right:.3em}
.vvault-otdcard__line{margin:0;font-size:max(.875rem,.9em);line-height:1.45}
.vvault-topicrows{list-style:none;margin:0;padding:0}
.vvault-topicrows li{margin:0;border-top:1px solid var(--vv-line)}
.vvault-topicrows li:first-child{border-top:0}
.vvault-topicrow{display:grid;grid-template-columns:5.5rem minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.55rem 0;min-height:3.5rem;text-decoration:none}
.vvault-topicrow__media{display:block;position:relative;aspect-ratio:16/9;background:var(--vv-soft);overflow:hidden;border-radius:2px}
.vvault-topicrow__media img{width:100%;height:100%;object-fit:cover;display:block}
.vvault-topicrow__body strong{display:block;font-size:max(.875rem,.98em);line-height:1.3}
.vvault-topicrow .vvault-meta{font-size:max(.875rem,.78em)}
.vvault-topicrow:hover strong{text-decoration:underline}
.vvault-topicrow .vvault-chev{margin-right:.4rem}
.vvault-homeblock--stats{border-top:1px solid var(--vv-line);padding-top:16px}
.vvault-statstrip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
.vvault-stat{margin:0}
.vvault-stat>a,.vvault-stat__in{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .75rem;text-decoration:none}
.vvault-stat__icon{flex:none}
.vvault-stat strong{font-size:1.9rem;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}
.vvault-stat__word{font-size:1.05rem}
.vvault-stat__note{font-size:max(.875rem,.76em);line-height:1.35;color:var(--vv-muted);border-left:1px solid var(--vv-line);padding-left:.75rem;max-width:14em}
.vvault-stat>a,.vvault-stat__in{flex-wrap:nowrap}
.vvault-stat>a:hover .vvault-stat__word{text-decoration:underline}
@container vv (min-width:760px){.vvault-statstrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.vvault-stat{display:flex;justify-content:center;padding:0 1rem}}
.vvault-page--home:not(.wp-block-group){max-width:none}
.vvault-page--home:not(.wp-block-group)>:not(.alignfull){max-width:min(1180px,calc(100% - 2.5rem));margin-left:auto;margin-right:auto}

/* ---- Board 01 finish (2026-10-31): find bar, trio, stats -------------------------------------
   One spacing scale (4/8/12/16/24/32, then 8px steps), display serif for titles, UI font for meta. */

/* Find a crash as one calm bar: title, four fields, Search. The hint stays for screen readers; the
   module's own frame and accent rule are dropped here because the bar is the frame. */
.vvault-homeblock--find .vvault-findform.vvault-module{padding:0;border:0;background:none}
.vvault-homeblock--find .vvault-findform .vvault-find{margin:0;padding:16px;border:0;border-radius:2px;background:color-mix(in srgb,var(--vv-ink) 6%,var(--vv-paper))}
.vvault-homeblock--find .vvault-findform .vvault-find__summary{min-height:44px;font-family:var(--vv-font-display);font-size:1.25rem;font-weight:var(--vv-title-weight)}
.vvault-homeblock--find .vvault-findform .vvault-find__hint{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vvault-homeblock--find .vvault-findform .vvault-find__row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0 0}
.vvault-homeblock--find .vvault-findform .vvault-find__row .vvault-field{display:flex;flex-direction:column;justify-content:center;min-height:48px;padding:4px 12px;border:1px solid var(--vv-line);border-radius:3px;background:color-mix(in srgb,var(--vv-paper) 70%,#fff)}
.vvault-homeblock--find .vvault-findform .vvault-find__row .vvault-field label{margin:0;font-size:.875rem;font-weight:500;line-height:1.3;color:var(--vv-muted)}
.vvault-homeblock--find .vvault-findform .vvault-find__row .vvault-field select{min-height:24px;height:24px;padding:0 24px 0 0;border:0;background-color:transparent;background-position:right 0 center;font-size:.9375rem;line-height:24px}
.vvault-homeblock--find .vvault-findform .vvault-find__go{margin:12px 0 0}
.vvault-homeblock--find .vvault-findform .vvault-find__go .vvault-btn{width:100%;min-height:48px;padding:0 32px;justify-content:center}
.vvault-homeblock--find .vvault-findform .vvault-find__arrow{display:none}
.vvault-homeblock--find .vvault-findform .vvault-find__more{margin:8px 0 0;padding:0;border:0}
.vvault-homeblock--find .vvault-findform .vvault-find__more>summary{min-height:32px;font-family:var(--vv-font-ui);font-size:.875rem;font-weight:500;color:var(--vv-muted)}
/* Tablet: the title takes its own row so the four fields keep room for their values. */
@container vv (min-width:640px){
.vvault-homeblock--find .vvault-findform .vvault-find{padding:16px 24px}
.vvault-homeblock--find .vvault-findform .vvault-find__body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px}
.vvault-homeblock--find .vvault-findform .vvault-find__title{grid-column:1/-1;margin:0;font-size:1.625rem;line-height:1.2;white-space:nowrap}
.vvault-homeblock--find .vvault-findform .vvault-find__row{grid-column:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.vvault-homeblock--find .vvault-findform .vvault-find__go{grid-column:2;margin:0}
.vvault-homeblock--find .vvault-findform .vvault-find__go .vvault-btn{width:auto}
.vvault-homeblock--find .vvault-findform .vvault-find__more{grid-column:1/-1;margin:0}
.vvault-homeblock--find .vvault-findform .vvault-find__more>summary{min-height:24px}}
/* Desktop: one bar, as on the board. */
@container vv (min-width:1100px){
.vvault-homeblock--find .vvault-findform .vvault-find{padding:12px 24px}
.vvault-homeblock--find .vvault-findform .vvault-find__body{grid-template-columns:auto minmax(0,1fr) auto;gap:4px 24px}
.vvault-homeblock--find .vvault-findform .vvault-find__title{grid-column:1}
.vvault-homeblock--find .vvault-findform .vvault-find__row{grid-column:2}
.vvault-homeblock--find .vvault-findform .vvault-find__go{grid-column:3}
.vvault-homeblock--find .vvault-findform .vvault-find__more{grid-column:2/-1}}

/* The three-up row. When collections or On this day have nothing to show, the topics that remain
   spread into columns instead of one long list across the page. */
.vvault-home-trio>.vvault-front.vvault-homeblock{margin-block-start:0}
.wp-block-group.vvault-home-trio{margin-block-start:40px}
.wp-block-group.vvault-home-trio>.vvault-homeblock+.vvault-homeblock{margin-top:40px}
/* Tablet: collections across the top, On this day and topics side by side below. */
@media (min-width:760px) and (max-width:1119px){.wp-block-group.vvault-home-trio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 48px}
.wp-block-group.vvault-home-trio>.vvault-homeblock+.vvault-homeblock{margin-top:0}
.vvault-home-trio>.vvault-homeblock--stories,.vvault-home-trio>.vvault-homeblock:only-child{grid-column:1/-1}}
@media (min-width:1120px){.wp-block-group.vvault-home-trio>.vvault-homeblock+.vvault-homeblock{margin-top:0;padding-left:24px;margin-left:24px}}
@container vv (min-width:760px){.vvault-homeblock--topics:only-child .vvault-topicrows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}
.vvault-homeblock--topics:only-child .vvault-topicrows li:nth-child(-n+3){border-top:0}}

.vvault-storycard h3,.vvault-otdcard__title{font-family:var(--vv-font-display)}
.vvault-storycard h3{font-size:1.3125rem;font-weight:var(--vv-title-weight)}
.vvault-storycard__dek{font-size:.9375rem}
.vvault-storycard .vvault-meta,.vvault-topicrow .vvault-meta{font-size:.875rem;color:var(--vv-muted)}
.vvault-otdcard__title{margin:12px 0 4px;font-size:1rem}
.vvault-otdcard__line{font-size:.9375rem}
.vvault-topicrow{grid-template-columns:5.5rem minmax(0,1fr) auto;gap:12px;padding:8px 0}
.vvault-topicrow__body strong{font-family:var(--vv-font-display);font-size:1rem;font-weight:600}

/* Stats strip: serif numbers and words, the note in the UI font. */
.vvault-homeblock--stats{padding-top:16px}
.vvault-stat strong{font-family:var(--vv-font-display);font-size:1.75rem;font-weight:500}
.vvault-stat__word{font-family:var(--vv-font-display);font-size:1.0625rem}
.vvault-stat__note{font-size:.875rem;max-width:16em}
.vvault-stat strong{text-box:trim-both cap alphabetic}

/* ---- Home v2 board (2026-10-31): section deks, hero caption, Find hint and More filters, stats ---- */
.vvault-home .vvault-section__head--dek{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px;align-items:baseline}
.vvault-home .vvault-section__head--dek .vvault-more{grid-column:2;grid-row:1}
.vvault-front .vvault-section__dek{grid-column:1/-1;margin:4px 0 0;font-size:1rem;line-height:1.5;color:var(--vv-muted)}
.vvault-front .vvault-hero__eyebrow{font-size:.875rem;letter-spacing:.16em}
.vvault-hero__lead{max-width:30em}
@media (min-width:782px){.vvault-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;align-items:start}
.vvault-hero__text{padding:32px 0 0}
.vvault-hero__media{padding-top:32px}
.vvault-hero--text{grid-template-columns:minmax(0,1fr)}}
/* Find an event: heading and hint stacked on the left, the four choices with their labels above, Search, More filters. */
.vvault-homeblock--find .vvault-findform .vvault-find__hint{position:static;width:auto;height:auto;margin:4px 0 0;overflow:visible;clip:auto;white-space:normal;font-family:var(--vv-font-ui);font-size:.9375rem;line-height:1.4;color:var(--vv-muted)}
.vvault-homeblock--find .vvault-findform .vvault-find__title{margin:0}
.vvault-homeblock--find .vvault-findform .vvault-find__row .vvault-field{min-height:0;padding:0;border:0;background:none;gap:4px}
.vvault-homeblock--find .vvault-findform .vvault-find__row .vvault-field label{color:inherit}
.vvault-homeblock--find .vvault-findform .vvault-find__row .vvault-field select{height:40px;min-height:40px;padding:0 32px 0 12px;border:1px solid var(--vv-line);border-radius:3px;background-color:color-mix(in srgb,var(--vv-paper) 70%,#fff);background-position:right 12px center;line-height:38px}
.vvault-homeblock--find .vvault-findform .vvault-find__morelink{margin:8px 0 0;font-family:var(--vv-font-ui);font-size:.9375rem}
.vvault-homeblock--find .vvault-findform .vvault-find__morelink a{display:inline-block;padding-block:max(1px,calc((24px - 1lh) / 2));text-decoration:underline;text-underline-offset:3px}
@container vv (min-width:640px){
.vvault-homeblock--find .vvault-findform .vvault-find__body{grid-template-columns:minmax(0,1fr) auto auto}
.vvault-homeblock--find .vvault-findform .vvault-find__hint{grid-column:1/-1;margin:-8px 0 0}
.vvault-homeblock--find .vvault-findform .vvault-find__row{align-self:end}
.vvault-homeblock--find .vvault-findform .vvault-find__go{grid-column:2;align-self:end}
.vvault-homeblock--find .vvault-findform .vvault-find__go .vvault-btn{min-height:40px}
.vvault-homeblock--find .vvault-findform .vvault-find__morelink{grid-column:3;align-self:end;margin:0;line-height:40px}}
@container vv (min-width:1100px){
.vvault-homeblock--find .vvault-findform .vvault-find{padding:16px 24px}
.vvault-homeblock--find .vvault-findform .vvault-find__body{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto auto;gap:0 24px}
.vvault-homeblock--find .vvault-findform .vvault-find__title{grid-column:1;grid-row:1;align-self:end}
.vvault-homeblock--find .vvault-findform .vvault-find__hint{grid-column:1;grid-row:2;margin:4px 0 0;align-self:start}
.vvault-homeblock--find .vvault-findform .vvault-find__row{grid-column:2;grid-row:1/3}
.vvault-homeblock--find .vvault-findform .vvault-find__go{grid-column:3;grid-row:1/3}
.vvault-homeblock--find .vvault-findform .vvault-find__morelink{grid-column:4;grid-row:1/3}}
/* Stats strip (board): icon, number and word centred in thirds, no notes. */
.vvault-stat strong{font-weight:700}

/* Choose a way into the library (board): three lists under one heading, set apart by hairline rules. */
.vvault-ways{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.vvault-way{min-width:0;padding:16px 0}
.vvault-way+.vvault-way{border-top:1px solid var(--vv-line)}
.vvault-front .vvault-way__label{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-family:var(--vv-font-ui);font-size:.875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.3}
.vvault-front .vvault-way__icon{flex:none;width:28px;height:28px;color:inherit}
.vvault-way__list{list-style:none;margin:0;padding:0}
.vvault-way__list li{margin:0;border-top:1px solid var(--vv-line)}
.vvault-way__list li:first-child{border-top:0}
.vvault-way__list a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-height:44px;padding:8px 0;text-decoration:none}
.vvault-way__name{font-family:var(--vv-font-display);font-size:1.0625rem;line-height:1.3}
.vvault-way__list a:hover .vvault-way__name{text-decoration:underline}
.vvault-way__count{flex:none;font-family:var(--vv-font-ui);font-size:.9375rem;color:var(--vv-muted);font-variant-numeric:tabular-nums}
.vvault-front .vvault-ways__note{margin:8px 0 0;font-family:var(--vv-font-ui);font-size:.875rem;line-height:1.4;color:var(--vv-muted)}
@container vv (min-width:760px){.vvault-ways{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.vvault-way{padding:8px 24px}
.vvault-way:first-child{padding-left:0}
.vvault-way:last-child{padding-right:0}
.vvault-way+.vvault-way{border-top:0;border-left:1px solid var(--vv-line)}}