.pbv-videos {
  box-sizing: border-box; width: 100%; max-width: 1140px; margin: 40px auto;
  padding: 28px; border: 1px solid #dbe5df; border-radius: 14px;
  background: #f7faf8; color: #1b3049; font-family: 'DM Sans', sans-serif;
}
.pbv-videos *, .pbv-videos *::before, .pbv-videos *::after { box-sizing: border-box; }
.pbv-videos .pbv-header { margin: 0 0 24px; text-align: left; }
.pbv-videos .pbv-eyebrow { margin: 0 0 6px; color: #3e654e; font-size: 11px; letter-spacing: .14em; font-weight: 700; text-align: left; }
.pbv-videos h2 { margin: 0; color: #1b3049; font: 400 clamp(24px, 3vw, 32px)/1.25 'Questrial', sans-serif; }
.pbv-videos .pbv-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.pbv-videos .pbv-card { display: flex; min-width: 0; flex-direction: column; align-items: center; margin: 0; }
.pbv-videos .pbv-player { display: block; width: 100%; max-width: 270px; height: auto; aspect-ratio: 9 / 16; object-fit: contain; border-radius: 10px; background: #0b1621; }
.pbv-videos .pbv-caption { max-width: 360px; padding: 14px 0 0; text-align: center; }
.pbv-videos h3 { margin: 0 0 6px; color: #1b3049; font: 600 17px/1.4 'DM Sans', sans-serif; text-align: center; }
.pbv-videos .pbv-duration { margin: 0; color: #526374; font-size: 13px; line-height: 1.4; text-align: center; }
.pbv-videos .pbv-error { margin: 10px 0 0; color: #852f30; font-size: 13px; line-height: 1.5; text-align: center; }
.pbv-videos [hidden] { display: none !important; }
.pbv-videos video:focus-visible, .pbv-videos a:focus-visible { outline: 3px solid #a57b3c; outline-offset: 4px; }
@media (max-width: 600px) {
  .pbv-videos { padding: 20px 16px; margin: 28px auto; border-radius: 10px; }
  .pbv-videos .pbv-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .pbv-videos .pbv-player { max-width: 250px; }
  .pbv-videos .pbv-header { margin-bottom: 20px; }
}