.event-embeds { margin-top: var(--space-10); }
.prose .event-embeds-heading { font: 500 var(--text-caption)/var(--leading-body) var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin: 0 0 18px; }
.event-embed { margin: var(--space-7) 0 38px; min-width: 0; max-width: 100%; }
.prose .event-embed-title { font: 500 var(--text-prose)/var(--leading-control) var(--sans); margin: 0 0 var(--space-3); }
.event-embed-stage { position: relative; width: 100%; min-width: 0; aspect-ratio: 16 / 9; min-height: 200px; background: var(--media-bg); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-xl); isolation: isolate; }
.event-embed-cover,.event-embed-cover .bn-picture { position: absolute; inset: 0; display: block; }
.event-embed-cover img { width: 100%; height: 100%; object-fit: cover; }
.event-embed-fallback { display: grid; place-items: center; height: 100%; background: var(--panel); }
.event-embed-fallback img { width: 180px; height: auto; opacity: .5; }
.event-embed-load { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; padding: var(--space-6); background: rgba(0,0,0,.6); color: #fff; cursor: pointer; transition: background var(--duration-fast) ease; }
.event-embed-load:hover,.event-embed-load:focus-visible { background: rgba(0,0,0,.79); }
.event-embed-load:focus-visible { outline: var(--focus-width) solid #fff; outline-offset: -6px; }
.event-embed-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; transition: scale var(--duration-fast) ease; }
.event-embed-play svg { width: 26px; height: 26px; margin-left: 3px; }
.event-embed-load:hover .event-embed-play { scale: 1.06; }
.event-embed-load-label { position: absolute; bottom: 25px; inset-inline: 16px; font: 500 var(--text-control)/var(--leading-control) var(--sans); text-align: center; }
.event-embed-load-label span { font-weight: 400; opacity: .8; }
.event-embed-hover-hint { position: absolute; top: 22px; inset-inline: 20px; opacity: 0; font: 400 var(--text-caption)/var(--leading-control) var(--sans); transition: opacity var(--duration-fast) ease; }
.event-embed-load:hover .event-embed-hover-hint,.event-embed-load:focus-visible .event-embed-hover-hint { opacity: 1; }
.event-embed-load:disabled { cursor: default; }
.event-embed-player { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.event-embed.is-active .event-embed-cover { display: none; }
.event-embed[data-provider="soundcloud"].is-active .event-embed-stage { aspect-ratio: auto; height: 220px; }
.prose .event-embed-privacy { margin: var(--space-3) 0 var(--space-2); color: var(--muted); font: 400 var(--text-caption)/1.7 var(--sans); }
.prose .event-embed-playback-hint { margin: var(--space-3) 0; font: 400 var(--text-sm)/var(--leading-body) var(--sans); color: var(--muted); }
.event-embed-actions { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--space-3); font: 400 var(--text-caption)/var(--leading-control) var(--sans); }
.event-embed-reset { padding: 6px 10px; border: 1px solid var(--line); background: transparent; color: var(--text); cursor: pointer; border-radius: var(--radius-xs); }
.event-embed [hidden] { display: none !important; }
@media(max-width:599px) { .event-embed-play { width: 50px; height: 50px; } .event-embed-load-label { bottom: 16px; font-size: var(--text-caption); } .event-embed-hover-hint { top: 14px; font-size: var(--text-xs); } }
@media(prefers-reduced-motion:reduce) { .event-embed-load,.event-embed-play,.event-embed-hover-hint { transition: none; } }