.video-card { padding: 0; overflow: hidden; }

.video-wrap {
  position: relative;
  background: #000;
  width: 100%;
  aspect-ratio: 16 / 9;
}
.video-wrap video {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}

.video-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 18px;
  border-bottom: 1px solid #eef2f6;
}
.video-actions button.ghost,
.video-actions a.ghost {
  background: var(--scvfs-light);
  color: var(--scvfs-blue);
  border: none;
  padding: 9px 14px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: inherit;
}
.video-actions button.ghost:hover,
.video-actions a.ghost:hover {
  background: #d6e7f0;
}
.video-actions button.ghost:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.video-actions .icon { font-size: 14px; }

.video-meta {
  padding: 16px 20px 22px;
}
.video-meta h2 { margin: 0 0 6px; font-size: 18px; }