.mb-rv { margin: 1rem 0; }
.mb-rv__toggle { display:flex; align-items:center; justify-content:space-between; cursor:pointer; user-select:none; padding:.75rem 1rem; border:1px solid #ddd; border-radius:8px; background:#f8f8f8; font-weight:600; }
.mb-rv__toggle:focus { outline: 2px solid #5b9dd9; outline-offset: 2px; }
.mb-rv__chev { transition: transform .2s ease; }
.mb-rv.is-open .mb-rv__chev { transform: rotate(90deg); }
.mb-rv__panel { display:none; border:1px solid #eee; border-top:none; border-radius:0 0 8px 8px; padding:.5rem 1rem; }
.mb-rv.is-open .mb-rv__panel { display:block; }

.mb-related-videos__head { font-weight:600; display:flex; gap:1rem; border-bottom:1px solid #ddd; padding:.5rem 0; margin-top:.25rem; }
.mb-related-videos__row { display:flex; gap:1rem; padding:.4rem 0; border-bottom:1px solid #eee; }
.mb-related-videos__date { width:12rem; flex:0 0 12rem; }

/* Modal */
.mb-rv-modal__overlay { position: fixed; inset: 0; background: rgba(0,0,0,.66); display:flex; align-items:center; justify-content:center; z-index: 999999; }
.mb-rv-modal { background: #000; border-radius: 8px; max-width: 90vw; width: 960px; aspect-ratio: 16 / 9; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,.5); }
.mb-rv-modal iframe, .mb-rv-modal video { width: 100%; height: 100%; border: 0; display:block; border-radius: 8px; background: #000; }
.mb-rv-modal__close { position: absolute; top: -42px; right: 0; background: #fff; color:#111; border-radius: 999px; width: 36px; height: 36px; display:flex; align-items:center; justify-content:center; font-weight:700; cursor:pointer; box-shadow: 0 2px 6px rgba(0,0,0,.35); }

@media (max-width: 768px){
  .mb-rv-modal { width: 94vw; }
  .mb-rv-modal__close { top: -40px; }
}