/* A photo and an archive summary occupy the same mat; card bodies/actions stay aligned. */
.vpba-card-image,.vpba-search-bike-media,.vpba-compare-image,.vpba-comparison-v2-image{position:relative;container-type:inline-size}
.vpba-card-record{position:absolute;inset:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:14px;width:100%;height:100%;min-width:0;padding:22px 24px;background:linear-gradient(140deg,#fafbff,#f3f5fb);color:#63718b;text-align:left;overflow:hidden}
.vpba-card-record__facts{display:grid;gap:12px;margin:0;padding:0;min-width:0}
.vpba-card-record__facts>div{min-width:0;border-left:2px solid #dce2f1;padding-left:11px}
.vpba-card-record__facts dt{font-size:10px;font-weight:500;color:#63718b;line-height:1.4;margin:0 0 3px}
.vpba-card-record__facts dd{font-size:14px;font-weight:500;color:#60708d;line-height:1.45;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.vpba-card-record__intro{font-size:17px;line-height:1.5;color:#6d7a94;max-width:210px;margin:0;font-weight:500}
.vpba-card-record--compare{min-height:0;padding:18px 22px;gap:10px}.vpba-card-record--compare .vpba-card-record__facts{gap:9px}.vpba-card-record--compare .vpba-card-record__facts dd{font-size:12px}
.vpba-search-bike-media .vpba-card-record{padding:18px 22px;gap:12px}.vpba-search-bike-media .vpba-card-record__facts{gap:9px}.vpba-search-bike-media .vpba-card-record__facts dd{font-size:13px}
@media(min-width:601px) and (max-width:900px){.vpba-card-record{padding:18px 20px;gap:12px}.vpba-card-record__facts{gap:10px}.vpba-card-record__facts dd{font-size:13px}}
@media(max-width:440px){.vpba-card-record{padding:24px;gap:17px}.vpba-card-record__facts dd{font-size:15px}.vpba-card-record__facts{gap:14px}.vpba-search-bike-media .vpba-card-record{padding:20px;gap:12px}}
@media(prefers-reduced-motion:reduce){.vpba-card{transition:none}}

@container(max-width:280px){.vpba-card-record{padding:15px 17px;gap:10px}.vpba-card-record__facts{gap:8px}.vpba-card-record__facts dd{font-size:12px;-webkit-line-clamp:1}.vpba-card-record__facts dt{font-size:9px;margin-bottom:2px}.vpba-search-bike-media .vpba-card-record{padding:15px 17px;gap:10px}.vpba-search-bike-media .vpba-card-record__facts dd{font-size:12px}}