/* Quill rich editor — admin + public embeds */

.quill-editor-wrap .ql-container {
    min-height: 320px;
    font-size: 0.9375rem;
    font-family: 'DM Sans', system-ui, sans-serif;
}

.quill-editor-wrap .ql-editor {
    min-height: 320px;
}

.quill-editor-wrap .ql-toolbar button.ql-iframe {
    width: auto !important;
    padding: 0 8px !important;
}

.quill-editor-wrap .ql-toolbar button.ql-iframe span {
    font-size: 11px;
    font-weight: 600;
    color: #444;
}

/* Embeds inside editor */
.ql-iframe-wrapper {
    position: relative;
    width: 100%;
    margin: 1rem 0;
    border-radius: 6px;
    overflow: hidden;
    background: #f3f1ee;
}

.ql-iframe-wrapper .ql-iframe-embed,
.ql-editor iframe.ql-video {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 320px;
    border: none;
}

.ql-editor img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 0.5rem 0;
}

/* Public article / destination content */
.article-content .ql-iframe-wrapper,
.article-content .embed-responsive {
    position: relative;
    width: 100%;
    margin: 1.5rem 0;
    border-radius: 6px;
    overflow: hidden;
    background: #f3f1ee;
}

.article-content .ql-iframe-wrapper iframe,
.article-content .ql-iframe-embed,
.article-content iframe.ql-video,
.article-content iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 280px;
    border: none;
    border-radius: 6px;
}

.article-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 1rem 0;
}

.article-content .ql-video-wrapper iframe {
    width: 100%;
}