/* E9 additions on top of site.css (E8's class names): the AI line and the sample players. */
.ai-line { margin: 0.75rem 0 1rem; font-size: 0.95rem; font-weight: 600; }
.samples { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; gap: 1.5rem; grid-template-columns: 1fr; }
@media (min-width: 760px) { .samples { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } }
.sample-video { margin: 0; min-width: 0; }
.sample-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 10px; background: #1d1d1d; }
.sample-video__caption { margin: 0.5rem 0 0; font-size: 0.95rem; }