/* Responsive video container */
.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625) */
  height: 0;
  overflow: hidden;
  margin: 1rem 0;
}

.video-container iframe,
.video-container video,
.video-container embed,
.video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; /* Remove iframe borders */
}

.listicle-item-body .video-container,
.listicle-view-content .video-container {
  max-width: 100%;
}

/* Accessibility: Ensure focusable iframes are styled */
.video-container iframe:focus {
  outline: 2px solid #007bff;
  outline-offset: 2px;
}