/* Events: Luma event embeds. Shared patterns in site.css. */
.embed-wrap { display: flex; justify-content: center; }
.embed {
  display: block; width: 1200px; max-width: 100%; height: 450px; border: 1px solid var(--border-subtle);
  border-radius: 8px; background: var(--white);
}
.embeds { display: flex; flex-direction: column; gap: 20px; max-width: 1200px; margin: 0 auto; }
.embed--dark { width: 100%; border-color: var(--border-dark-subtle); border-radius: 10px; background: #1F2120; }