.esl-film{max-width:460px;margin:24px 0 30px;padding:16px;background:#071b36;border:1px solid #54708b;border-radius:16px;color:#fff;box-shadow:0 12px 28px #00142b33;scroll-margin-top:110px}
.esl-film .esl-film-top{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:12px}
.esl-film .esl-film-top h2{font:700 16px/1.4 Arial,sans-serif;margin:0;color:#fff}
.esl-film .esl-film-top span{font:12px/1.4 Arial,sans-serif;color:#cbd9e9;max-width:90px;text-align:right}
.esl-film-languages{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px}
.esl-film button{border:1px solid #627c99;border-radius:7px;padding:8px 10px;background:#193553;color:#fff;font:600 12px/1.4 Arial,sans-serif;cursor:pointer;min-height:36px}
.esl-film button[aria-pressed=true]{color:#071b36;background:#f4d28e;border-color:#f4d28e}
.esl-film button:hover{border-color:#fff}.esl-film button:disabled{opacity:.5;cursor:default}
.esl-film button:focus-visible,.esl-film summary:focus-visible{outline:3px solid #f4d28e;outline-offset:3px}
.esl-film video{display:block;width:100%;aspect-ratio:16/9;background:#020912;border-radius:9px;object-fit:contain}
.esl-film-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}
.esl-film-actions span{margin-inline-start:auto;font:600 12px/1.5 Arial,sans-serif;color:#f4d28e}
.esl-film p.esl-film-status{font:12px/1.55 Arial,sans-serif;margin:10px 0;color:#d9e4f0}
.esl-film-transcript{font:12px/1.6 Arial,sans-serif;color:#d9e4f0}
.esl-film-transcript summary{cursor:pointer;width:fit-content}
.esl-film p#esl-film-transcript{font:13px/1.7 Arial,sans-serif;margin:10px 0;color:#e3eaf3}
.esl-film p.esl-film-note{font:10px/1.5 Arial,sans-serif;margin:12px 0 0;color:#b6c9dd}
@media(max-width:480px){.esl-film{max-width:100%;padding:12px}.esl-film-languages button{flex:1 0 28%;min-height:42px}.esl-film-actions button{min-height:42px}}