.wcr-live-embed {
  position: relative;
  background: var(--wc-paper, #f4f7f2);
  color: var(--wc-ink, #13221b);
}

.wcr-live-embed .wc-container {
  display: grid;
  gap: clamp(24px, 4vw, 52px);
}

.wcr-live-embed-heading { max-width: 760px; }
.wcr-live-embed-heading h2 { margin: 14px 0 0; max-width: 18ch; }

.wcr-live-embed-body {
  min-width: 0;
  padding: clamp(20px, 4vw, 48px);
  border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
  border-radius: clamp(18px, 3vw, 32px);
  background: var(--wc-surface, #fff);
  box-shadow: 0 20px 60px rgba(19, 34, 27, .08);
}

.wcr-live-embed-body :where(img, iframe, video, table) { max-width: 100%; }
.wcr-live-embed-body :where(input, select, textarea, button) { font: inherit; }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .wcr-live-embed-body { box-shadow: none; }
}

:root[data-theme="dark"] .wcr-live-embed-body { box-shadow: none; }