.cs-legacy-video { width: 100%; max-width: 900px; margin: 1.6rem auto; overflow: hidden; border-radius: 8px; background: #162131; }
.cs-legacy-video video { width: 100%; height: auto; display: block; max-height: 80vh; background: #0e1521; }
.cs-legacy-video--youtube { aspect-ratio: 16 / 9; }
.cs-legacy-video__load { width: 100%; height: 100%; min-height: 160px; background: linear-gradient(130deg,#162131,#34435a); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .7rem; border: 0; color: #fff; cursor: pointer; padding: 20px; font: 600 1rem/1.4 system-ui,sans-serif; }
.cs-legacy-video__load:hover, .cs-legacy-video__load:focus-visible { background: linear-gradient(130deg,#651124,#162131); color: #fff; }
.cs-legacy-video__play { background: #8e1029; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 100%; padding-left: 4px; font-size: 25px; }
.cs-legacy-video__load small { font-size: 12px; font-weight: 400; opacity: .9; }
.cs-legacy-video iframe { display: block; width: 100%; height: 100%; border: 0; }
.cs-legacy-video__notice { max-width: 900px; padding: 1rem 1.2rem; border-left: 3px solid #8e1029; background: #f4efec; color: #243142; margin: 1.5rem 0; font: 14px/1.6 system-ui,sans-serif; }
.cs-legacy-video__notice strong { display: block; }
.cs-legacy-video__notice p { margin: .25rem 0 0; }
@media (max-width: 700px) { .cs-legacy-video { border-radius: 4px; margin: 1rem auto; } .cs-legacy-video__play { width: 50px; height: 50px; } }