/* Embed block — privacy click-to-load (site/snippets/blocks/embed.php) */

.block-embed {
    margin-block: var(--space-l);
}
.block-embed__frame {
    position: relative;
    aspect-ratio: 16 / 9;
    background: var(--color-black);
    border: var(--border-thin);
}
/* placeholder + player both fill the 16:9 frame */
.block-embed__placeholder,
.block-embed__player {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.block-embed__placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-2xs);
    padding: var(--space-m);
    text-align: center;
    color: var(--color-white);
}
.block-embed__load {
    text-decoration: underline;
    text-underline-offset: 0.15em;
}
.block-embed__placeholder:hover .block-embed__load {
    color: var(--color-accent);
}
.block-embed__player :is(iframe, video) {
    width: 100%;
    height: 100%;
}
.block-embed__caption {
    margin-top: var(--space-2xs);
    font-size: var(--fs-meta);
    color: var(--color-muted);
}