/* Media embeds, previews and content overflow. */
.video-preview {
  display:grid;
  place-items:center;
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#234c49;
  color:#fff;
  border-radius:6px;
  text-decoration:none;
  margin-bottom:16px;
}
.video-preview .cover {
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  object-fit:cover;
  margin:0;
}
.video-preview .play-mark {
  position:relative;
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:50%;
  background:#143b39dd;
  border:2px solid #fff;
  font-size:26px;
  padding-left:4px;
}
.video-preview .video-label {
  position:absolute;
  bottom:10px;
  right:12px;
  background:#143b39e6;
  padding:3px 9px;
  font-size:14px;
}
.record h3,.article h1 {
  overflow-wrap:anywhere;
}
.record-actions {
  gap:16px;
}
.delete-link {
  color:#9d3434;
}
.external-screen iframe,.external-screen video,.article>video {
  width:100%;
  aspect-ratio:16/9;
  max-height:70vh;
}
.record small {
  display:block;
}
.form-page p[hidden] {
  display:none!important;
}
@media(max-width:600px) {
  .article {
    padding:20px!important;
  }
  .external-screen {
    margin-left:-8px;
    margin-right:-8px;
  }
  .context-actions {
    flex-wrap:wrap;
  }
}