/* ============================================================
   THE BENCH - click-to-load film player, H01 R3.2 layout
   (Evidence Notes 01 and 02; replaces video-load.css on those pages).
   The 9:16 frame shows only the poster, with nothing over the artwork.
   Below the frame, at the frame's width, sit the Load video action,
   the YouTube alternative and the privacy notice in normal text.
   Loading the film swaps the poster for the player inside the same
   frame and turns the Load video button into a same-size "Film loaded"
   label, so nothing below moves. No transitions or animation added
   (reduced motion needs no override).
   ============================================================ */
.bv-load {
  position: absolute;
  inset: 0;
  background: #0c1118;
}
.bv-load .bv-poster,
.bv-load iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.bv-load .bv-poster {
  object-fit: cover;
}

/* Under the frame: the same width as the frame on each page. */
.bv-info {
  margin: 0.75rem 0 0;
}
.v2-resource .bv-info {
  max-width: 360px;
}
@media (max-width: 760px) {
  .v2-resource .bv-info { max-width: none; }
}
.bs-film .bv-info {
  max-width: 20rem;
}
@media (min-width: 1100px) {
  .bs-film .bv-info { max-width: 18rem; }
}

.bv-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 0.65rem;
}
.bv-actions .btn {
  margin: 0;
  line-height: 1.4; /* one value for <button>, <a> and <span>, so heights match */
}
/* Load video and its "Film loaded" replacement share one width, so the
   row wraps the same way before and after loading. */
.bv-actions .bv-button,
.bv-actions .bv-done {
  min-width: 8.5rem;
  justify-content: center;
}
.bv-actions .bv-done {
  background: transparent;
  border-color: var(--bdr-light);
  color: var(--text-sec);
  cursor: default;
}
.bv-button[hidden] {
  display: none;
}
.bv-note {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--text-sec);
}
.bv-note a {
  color: #cfa870;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Focus mark on the frame while the loaded player has focus. */
.v2-note-video-embed.is-focus,
.bs-film-frame.is-focus {
  outline: 3px solid #cfa870;
  outline-offset: 3px;
}