/* Native video controls stay inside the poster, matching the supplied reference. */
.videos__intro > img { aspect-ratio:553/369; object-fit:contain; object-position:center bottom; }
.library-row + .library-row { border-top:1px solid #b8c0d2; border-image:url('assets/imgLine9.svg') 1 stretch; }
.library-row:has(+ .library__note) { border-bottom:1px solid #b8c0d2; border-image:url('assets/imgLine9.svg') 1 stretch; }
.media-player { display:block; width:100%; aspect-ratio:16/9; height:auto; object-fit:cover; background:#000; color:white; }
.video-card { border-color:#d9e2ed; border-radius:14px; }
.video-card .media-wrapper { flex:none; }
.video-card__body { padding:16px 14px; color:#08294e; }
.video-card h4 { font-size:18px; margin-bottom:7px; }
.video-card p { font-size:14px; line-height:1.5; color:#6c83a2; }
.video-card__name { padding-top:12px; font-size:12px!important; }
.media-error { padding:10px 14px; color:#9b3232; font-size:14px; background:#fff1f1; }
.product-video-block { margin:0; padding:clamp(18px,2vw,32px); background:var(--pale); border-radius:8px; }
.product-video-block figcaption { text-align:center; margin-bottom:20px; font-weight:700; font-size:clamp(16px,1.15vw,22px); }
.product-player { border-radius:8px; }
@media(max-width:760px) { .video-card__body { padding:16px; } .video-card p { font-size:15px; } .product-video-block { padding:16px; } }

@media(max-width:600px) {
  .locked-card { display:block; position:relative; padding:26px 20px; }
  .locked-card__icon { position:absolute; top:26px; left:20px; }
  .locked-card__eyebrow, .locked-card__brand { padding-left:62px; }
  .locked-card__eyebrow { min-height:18px; }
  .locked-card__brand { margin-bottom:22px; }
  .locked-card h3 { font-size:22px; }
  .locked-card__description { font-size:16px; line-height:24px; }
  .locked-card__status { margin-top:22px; }
}
@media(prefers-reduced-motion:reduce) {
  .thumbnail__play { transition:none; }
  .thumbnail:hover .thumbnail__play { transform:none; }
}
