.tbe-video-port { margin: 2rem 0; }
.tbe-video-port__frame { aspect-ratio: 16 / 9; width: 100%; display: grid; place-items: center; background: var(--surface, #171614); border: 1px solid var(--line, #555); }
.tbe-video-port__frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.tbe-video-port__load { width: 100%; height: 100%; padding: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; text-align: center; color: var(--cream, #faf6f0); }
.tbe-video-port__load[hidden] { display: none; }
.tbe-video-port__load svg { width: 3rem; height: 3rem; }
.tbe-video-port__load:focus-visible { outline: 2px solid var(--gold, #b89a6f); outline-offset: -5px; }
.tbe-video-port figcaption { font-size: .875rem; }
.tbe-video-port figcaption a { text-decoration: underline; }