/* Editor-facing placeholder rendered while a Vue mount cannot resolve yet. */
.wagtail-public-content__vue-preview {
    --vue-preview-border: #dbe5ea;
    --vue-preview-surface: #ffffff;
    --vue-preview-text: #18232e;
    --vue-preview-muted: #5d6a75;

    margin: 0;
    padding: 1.5rem;
    box-sizing: border-box;
    border: 1px dashed var(--vue-preview-border);
    border-radius: 12px;
    background: var(--vue-preview-surface);
    color: var(--vue-preview-muted);
}

.wagtail-public-content__vue-preview strong {
    color: var(--vue-preview-text);
}

.wagtail-public-content__vue-preview p {
    margin: 0.5rem 0 0;
}