.documentary-cover{position:relative;display:block;min-width:0;overflow:hidden;background:var(--ink)}
.documentary-cover img{display:block;width:100%;height:auto}
.documentary-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border:1px solid #ffffffa6;border-radius:50%;background:#11130fe8;color:var(--paper);pointer-events:none}
.documentary-cover:hover .documentary-play,.documentary-cover:focus-visible .documentary-play{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.documentary-dialog{width:min(1040px,calc(100vw - 24px));max-width:1040px;max-height:calc(100dvh - 24px);padding:20px}
.documentary-dialog .dialog-top{position:sticky;top:-20px;z-index:1;background:var(--ink);padding-block:4px 12px;margin-bottom:0;gap:16px}
.documentary-dialog .dialog-top h2{font:600 20px/1.3 var(--body);text-transform:none}
.documentary-dialog .dialog-close{flex:none;width:44px;height:44px}
.documentary-player{width:100%;aspect-ratio:16/9;min-height:200px;max-height:calc(100dvh - 160px);background:#000}
.documentary-player iframe{display:block;width:100%;height:100%;border:0}
.documentary-fallback{margin-top:14px;font-size:14px;color:var(--muted)}
.documentary-fallback .text-link{font-size:14px}
@media(max-width:600px){.documentary-dialog{padding:12px}.documentary-dialog .dialog-top{top:-12px}.documentary-dialog .dialog-top h2{font-size:17px}.documentary-play{width:54px;height:54px}.documentary-fallback{font-size:13px}.documentary-fallback .text-link{font-size:13px}}