/* Directories remain available without burying the first bicycle results. */
.vpba-wrap.vpba-archive-browse .vpba-browse-directory { margin:16px 0; padding:0; background:#fff; border:1px solid #dce2ee; border-radius:12px; }
.vpba-wrap.vpba-archive-browse .vpba-browse-directory > summary { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 24px; cursor:pointer; list-style:none; }
.vpba-wrap.vpba-archive-browse .vpba-browse-directory > summary::marker { content:''; }
.vpba-wrap.vpba-archive-browse .vpba-browse-directory > summary::-webkit-details-marker { display:none; }
.vpba-wrap.vpba-archive-browse .vpba-browse-directory > summary strong { display:block; color:#17233d; font-size:1.125rem; line-height:1.4; }
.vpba-wrap.vpba-archive-browse .vpba-browse-directory > summary small { display:block; color:#596579; font-size:.875rem; margin-top:4px; }
.vpba-wrap.vpba-archive-browse .vpba-directory-chevron { width:9px; height:9px; flex:0 0 auto; border-right:2px solid #4052ca; border-bottom:2px solid #4052ca; transform:rotate(45deg); }
.vpba-wrap.vpba-archive-browse .vpba-browse-directory[open] .vpba-directory-chevron { transform:rotate(225deg); }
.vpba-wrap.vpba-archive-browse .vpba-browse-directory > summary:hover { background:#f6f8fd; border-radius:12px; }
.vpba-wrap.vpba-archive-browse .vpba-directory-content { padding:24px; border-top:1px solid #e0e5ee; }
.vpba-wrap.vpba-archive-browse .vpba-brand-letters { flex-wrap:wrap; }
.vpba-wrap.vpba-archive-browse .vpba-brand-letters a { min-height:44px; min-width:44px; }
.vpba-wrap.vpba-archive-browse .vpba-brand-directory li { align-items:center; }
.vpba-wrap.vpba-archive-browse .vpba-brand-directory li a { display:inline-flex; align-items:center; min-height:44px; }
.vpba-wrap.vpba-archive-browse :is(summary,a,input,select,button):focus-visible { outline:3px solid #5267cb; outline-offset:3px; }
@media(max-width:760px) {
 .vpba-wrap.vpba-archive-browse .vpba-browse-directory > summary { padding:16px; }
 .vpba-wrap.vpba-archive-browse .vpba-directory-content { padding:16px; }
}
@media print { .vpba-wrap.vpba-archive-browse .vpba-browse-directory { break-inside:avoid; } }

.vpba-wrap.vpba-archive-browse .vpba-grid { align-items:stretch; grid-auto-rows:1fr; }
.vpba-wrap.vpba-archive-browse .vpba-card { display:flex; flex-direction:column; align-self:stretch; min-width:0; }
.vpba-wrap.vpba-archive-browse .vpba-card > a { display:flex; flex-direction:column; height:auto; flex:1; min-width:0; }
.vpba-wrap.vpba-archive-browse .vpba-card-compare button { min-height:44px; }

/* Shared media mats and flexible bodies keep cards and actions aligned. */
.vpba-wrap.vpba-archive-browse .vpba-card-image { flex:0 0 auto; box-sizing:border-box; aspect-ratio:4/3; }
.vpba-wrap.vpba-archive-browse .vpba-card-body { flex:1 1 auto; min-width:0; overflow-wrap:anywhere; }
.vpba-wrap.vpba-archive-browse .vpba-card-compare { flex:0 0 auto; margin-top:auto; }
@media(max-width:440px) { .vpba-wrap.vpba-archive-browse .vpba-grid { grid-auto-rows:auto; } }

/* Result tools stay beside the count, with the same comfortable touch target. */
.vpba-archive-browse .vpba-results-head { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; }
.vpba-archive-browse .vpba-results-head h2 { flex:1 1 260px; }
.vpba-archive-browse .vpba-edit-search { display:inline-flex; align-items:center; min-height:44px; font-size:.875rem; font-weight:600; text-underline-offset:3px; }
.vpba-archive-browse .vpba-empty-actions { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px 24px; }
.vpba-archive-browse .vpba-empty-actions a { display:inline-flex; align-items:center; min-height:44px; }
#vpba-search { scroll-margin-top:var(--vpba-archive-scroll-offset,100px); }