/**
 * CKEditor5メディア埋め込み用CSS。
 * プレビュー画面は.ck-contentが存在するので正常に表示されるが、
 * 公開側には存在しなくレイアウトが崩れるのを防ぐため追加。
 */
figure.media {
  clear: both;
  margin: 1em 0;
  display: block;
  min-width: 15em;
  max-width: 100%;
}

figure.media [data-oembed-url] {
  position: relative;
  overflow: hidden;
}

figure.media [data-oembed-url] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.ck-content figure.media [data-oembed-url] {
  position: relative;
  overflow: hidden;
}

.ck-content figure.media [data-oembed-url] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}