/**
 * Live site: TinyMCE HTML inside .rich-text.
 * Margin, padding, and line-height only for h1–h4, p, ul, ol, li, blockquote, pre.
 * (Editor iframe: same spacing in settings.TINYMCE_DEFAULT_CONFIG["content_style"].)
 */
@import url("/static/css/tinymce-fonts.bee3c439bf5b.css");

.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    line-height: 1.65;
}

.rich-text p {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    line-height: 1.65;
    font-family: var(--font-sans, system-ui, sans-serif);
    font-weight: 400;
    letter-spacing: 0.01em;
}

.rich-text ul,
.rich-text ol {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1.5rem;
    line-height: 1.65;
    font-family: var(--font-sans, system-ui, sans-serif);
}

.rich-text blockquote {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1rem;
    line-height: 1.6;
}

.rich-text pre {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    padding: 1rem;
    line-height: 1.6;
}

.rich-text li {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0.5rem;
    margin-left: 0;
    padding: 0;
    line-height: 1.65;
    font-family: var(--font-sans, system-ui, sans-serif);
    letter-spacing: 0.01em;
}

.rich-text li:last-child {
    margin-bottom: 0;
}

/* Embedded media (TinyMCE media plugin — YouTube, Vimeo, etc.) */
.rich-text iframe,
.rich-text video {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 12rem;
    margin: 0 0 1.5rem;
    border: 0;
    border-radius: 12px;
    background: #0f172a;
}

.rich-text video {
    aspect-ratio: auto;
    min-height: 0;
    background: #000;
}

/* TinyMCE preview wrapper (legacy object spans) */
.rich-text span.mce-object-iframe,
.rich-text .mce-preview-object {
    display: block;
    max-width: 100%;
    margin: 0 0 1.5rem;
}

.rich-text span.mce-object-iframe iframe,
.rich-text .mce-preview-object iframe {
    margin-bottom: 0;
}

.rich-text figure.media {
    margin: 0 0 1.5rem;
}

.rich-text figure.media iframe,
.rich-text figure.media video {
    margin-bottom: 0;
}