/* ===== Video ===== */

.video-shell {
  border-top:1px solid var(--stroke);
  border-bottom:1px solid var(--stroke);
  padding:12px 16px;
  background: rgba(255,255,255,.04);
}

.video-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap:14px;
}

.video-pane {
  background:#0d1422;
  border:1px solid var(--stroke);
  border-radius:12px;
  padding:10px;
  min-height:180px;
  color:#fff;
}
.video-pane h4 { margin:0 0 8px 0; font-size:12px; font-weight:700; color:#cbd6e5; }
video { width:100%; height:auto; border-radius:10px; }

/* Responsive: single column */
@media (max-width:920px) { .video-grid { grid-template-columns: 1fr; } }