.training-film { position:relative; width:100%; aspect-ratio:16/10; overflow:hidden; background:#e8dcc5; border-radius:4px; }
.training-film button { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; cursor:pointer; background:transparent; }
.training-film img { display:block; width:100%; height:100%; object-fit:contain; }
.training-film .film-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:64px; height:64px; border-radius:50%; background:#3f4932; color:#f5efe3; border:2px solid #f5efe3; font-size:28px; box-shadow:0 3px 18px #0004; }
.training-film button:focus-visible { outline:4px solid #5b8c9a; outline-offset:-4px; }
.training-film button:hover .film-play { background:#5b6243; }
.training-film iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.training-preview { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; align-items:center; }
@media(max-width:768px) { .training-preview { grid-template-columns:minmax(0,1fr); gap:28px; } }