/* Only the seven explicitly marked 2026-10-20/22 additions. Original media stays YouTube. */
.vt-main .vt-lesson[data-kosmos-local-poster] > :is(iframe.vt-youtube,.vt-player-panel,.vt-local-poster) { grid-column:1; grid-row:1; align-self:start; }
.vt-main .vt-lesson[data-kosmos-local-poster] > section { grid-column:2; grid-row:1; }
.vt-main .vt-lesson[data-kosmos-local-poster] > iframe.vt-youtube,
.vt-main [data-kosmos-local-poster] .vt-local-poster {
  width:min(100%,390px); height:auto; aspect-ratio:9 / 16; max-height:none; justify-self:center; margin:0;
}
[data-kosmos-local-poster] iframe[data-kosmos-poster-pending] { visibility:hidden; pointer-events:none; }
.vt-main [data-kosmos-local-poster] .vt-local-poster {
  display:block; position:relative; z-index:1; overflow:hidden; padding:0; border:0; border-radius:18px;
  background:#080d17; color:#fff; cursor:pointer; isolation:isolate;
}
.vt-main [data-kosmos-local-poster] .vt-local-poster[hidden] { display:none; }
.vt-main [data-kosmos-local-poster] .vt-local-poster > img {
  display:block; width:100%; height:100%; position:absolute; inset:0; margin:0; padding:0;
  object-fit:contain; object-position:center; transform:none; border-radius:inherit;
}
[data-kosmos-local-poster] .vt-local-poster-label {
  position:absolute; left:50%; bottom:16px; transform:translateX(-50%); display:flex; align-items:center; gap:8px;
  width:max-content; max-width:calc(100% - 24px); padding:10px 13px; border:1px solid #ffffff80; border-radius:999px;
  background:#080d17ed; color:#fff; font:700 13px/1.3 Arial,Helvetica,sans-serif;
}
[data-kosmos-local-poster] .vt-local-poster-label > span { font-size:17px; }
[data-kosmos-local-poster] .vt-local-poster:focus-visible { outline:3px solid #af1767; outline-offset:4px; }
/* The unchanged expand controller owns the toolbar and moves the same iframe into its dialog. */
.vt-main [data-kosmos-local-poster] > .vt-player-panel[data-kosmos-poster-panel] { display:grid; grid-template-columns:minmax(0,1fr); }
[data-kosmos-poster-panel] > .vt-player-actions { grid-column:1; grid-row:1; }
.vt-main [data-kosmos-poster-panel] > :is(iframe.vt-youtube,.vt-local-poster) {
  grid-column:1; grid-row:2; align-self:start; justify-self:center;
  width:min(100%,303.75px,39.375vh); width:min(100%,303.75px,39.375svh); height:auto; aspect-ratio:9 / 16; margin:0 auto;
}
@media(max-width:700px) {
  .vt-main .vt-lesson[data-kosmos-local-poster] > section { grid-column:1; grid-row:2; }
}
