.editor-content{
    line-height:1.75;
    color:#1f2937;
    font-size:15px;
    word-wrap:break-word;
}
.editor-content::after{
    content:"";
    display:block;
    clear:both;
}
.editor-content p{ margin-bottom:1rem; }
.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content h5,
.editor-content h6{
    margin-top:1.1rem;
    margin-bottom:.8rem;
    font-weight:700;
    line-height:1.35;
}
.editor-content h1{ font-size:2rem; }
.editor-content h2{ font-size:1.75rem; }
.editor-content h3{ font-size:1.5rem; }
.editor-content h4{ font-size:1.3rem; }
.editor-content h5{ font-size:1.15rem; }
.editor-content h6{ font-size:1rem; }

.editor-content img{
    max-width:100%;
    height:auto;
    border-radius:10px;
    display:block;
    margin:12px 0;
}

.editor-content table{
    width:100%;
    border-collapse:collapse;
    margin:1rem 0;
}
.editor-content table th,
.editor-content table td{
    border:1px solid #d1d5db;
    padding:10px 12px;
    vertical-align:top;
}
.editor-content table th{
    background:#f8fafc;
    font-weight:700;
}

.editor-content blockquote{
    border-left:4px solid #2563eb;
    padding:.75rem 1rem;
    margin:1rem 0;
    background:#f8fafc;
    color:#475569;
    font-style:italic;
}

.editor-content .ratio{
    position:relative;
    width:100%;
    margin:1rem 0;
}
.editor-content .ratio::before{
    content:"";
    display:block;
    padding-top:56.25%;
}
.editor-content .ratio iframe,
.editor-content .ratio video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    border-radius:12px;
    background:#000;
    display:block;
}

.editor-content ul,
.editor-content ol{
    padding-left:1.4rem;
    margin-bottom:1rem;
}
.editor-content a{
    color:#2563eb;
    text-decoration:underline;
}

/* Frontend wrap/display support for WYSIWYG media blocks */
.editor-content .sc-media-wrap{
    position:relative;
    display:block;
    max-width:100%;
    margin:12px 0 16px;
    box-sizing:border-box;
}
.editor-content .sc-media-wrap img{
    width:100%;
    height:auto;
    margin:0;
    display:block;
}
.editor-content .sc-media-wrap .ratio{
    width:100%;
    margin:0;
}

.editor-content .sc-media-wrap.sc-media-left{
    float:left;
    clear:none;
    margin:4px 18px 12px 0;
}
.editor-content .sc-media-wrap.sc-media-right{
    float:right;
    clear:none;
    margin:4px 0 12px 18px;
}
.editor-content .sc-media-wrap.sc-media-center{
    float:none;
    clear:both;
    margin:12px auto;
}
.editor-content .sc-media-wrap.sc-media-full{
    float:none;
    clear:both;
    width:100% !important;
    margin:12px 0;
}

.editor-content .sc-media-wrap.sc-media-w-25{ width:25%; }
.editor-content .sc-media-wrap.sc-media-w-33{ width:33.3333%; }
.editor-content .sc-media-wrap.sc-media-w-50{ width:50%; }
.editor-content .sc-media-wrap.sc-media-w-66{ width:66.6667%; }
.editor-content .sc-media-wrap.sc-media-w-75{ width:75%; }
.editor-content .sc-media-wrap.sc-media-w-100{ width:100%; }

/* Support newer section / layout blocks */
.editor-content .sc-section{
    margin:1rem 0;
    clear:both;
}
.editor-content .sc-row{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
}
.editor-content .sc-col,
.editor-content .sc-column{
    flex:1 1 0;
    min-width:240px;
}

@media (max-width: 767px){
    .editor-content{
        font-size:14px;
    }
    .editor-content .sc-media-wrap,
    .editor-content .sc-media-wrap.sc-media-left,
    .editor-content .sc-media-wrap.sc-media-right,
    .editor-content .sc-media-wrap.sc-media-center,
    .editor-content .sc-media-wrap.sc-media-full{
        float:none;
        clear:both;
        width:100% !important;
        margin:12px 0;
    }
    .editor-content .sc-row{
        display:block;
    }
    .editor-content .sc-col,
    .editor-content .sc-column{
        min-width:0;
        width:100%;
        margin-bottom:12px;
    }
}