/* Shared reference media; existing page content and CTAs keep their own styles. */
main .vfd-reference-media { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 40px; }
main .vfd-reference-media .vfd-reference-card { display: block; min-width: 0; margin: 0; padding: 0; overflow: hidden; border: 1px solid #d9e4d0; border-radius: 14px; background: #fff; box-shadow: none; }
main .vfd-reference-card video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #111c1a; }
main .vfd-reference-card .video-player { display: block; width: 100%; }
main .vfd-reference-card figcaption { display: grid; gap: 6px; margin: 0; padding: 24px; color: #213726; font-size: .9rem; line-height: 1.5; }
main .vfd-reference-card figcaption strong { display: block; font-size: 1.1rem; }
main .vfd-references { background: #edf3e8; }
main .vfd-reference-quote { max-width: 800px; margin: 0 auto; padding: 0; }
main .vfd-reference-quote blockquote { margin: 0 0 24px; color: #213726; font-size: clamp(1.25rem, 2vw, 1.7rem); line-height: 1.5; hyphens: manual; }
main .vfd-reference-quote figcaption { display: flex; align-items: center; gap: 16px; font-size: .875rem; line-height: 1.5; }
main .vfd-reference-quote figcaption img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
main .vfd-reference-quote figcaption :is(strong, span) { display: block; }
@media (min-width: 1100px) {
  main .vfd-reference-media:has(> :nth-child(3)) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  main .vfd-reference-media { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 32px; }
  main .vfd-reference-card figcaption { padding: 20px; }
}