/* Lecteur vidéo des pages d'agents et de l'accueil (complète css/style.css, ne le remplace pas) */
section.wrap.agent-video { padding-top: 0; padding-bottom: 0; scroll-margin-top: 88px; }

.agent-video-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  align-items: center;
  max-width: 900px;
  margin: 0 auto;
  padding: 28px 24px;
  background: var(--surface);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}
@media (min-width: 760px) {
  .agent-video-grid { grid-template-columns: 1fr 280px; gap: 48px; padding: 36px 44px; }
}

.agent-video-text h2 { font-size: clamp(24px, 2.6vw, 32px); margin-bottom: 12px; text-wrap: balance; }
.agent-video-text p { color: var(--text-2); font-size: 17px; line-height: 1.55; text-wrap: pretty; }
.agent-video-text p.agent-video-note { margin-top: 16px; font-size: 14.5px; color: var(--text-muted); }
.agent-video-note strong { font-weight: 500; color: var(--text); }

.agent-video-player {
  display: block;
  width: 100%;
  max-width: 280px;
  aspect-ratio: 1 / 2;
  margin: 0 auto;
  border-radius: var(--radius);
  background: #000;
  box-shadow: var(--shadow-md);
}

.agent-card .card-link-video { margin-top: 6px; font-size: 14px; font-weight: 400; color: var(--text-muted); }
.agent-card .card-link-video:hover { color: var(--accent-ink); }