/**
 * Size remote videos and Klaro placeholders as a centered 720px embed
 * that can shrink to the text column on small screens.
 *
 * Drupal/Klaro stamp a 720×405 size on the iframe and placeholder. The
 * text column is often wider than that, so width: 100% stretches the
 * video and leaves the consent box left-aligned. Keep both at the embed
 * size and center them.
 */
.align-center:has([data-type="placeholder"]),
.align-center:has(iframe.media-oembed-content),
figure:has([data-type="placeholder"]),
figure:has(iframe.media-oembed-content) {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}

[data-type="placeholder"],
iframe.media-oembed-content {
  box-sizing: border-box;
  width: 720px !important;
  max-width: 100%;
  height: auto !important;
  aspect-ratio: 16 / 9;
  margin-inline: auto;
}

.klaro.cm-as-context-notice {
  box-sizing: border-box;
  width: 100% !important;
  height: 100%;
}