/* Quill view-only styles (scoped). Wrap saved content in <div class="ql-view">...</div> */
.ql-view {
    line-height: 1.6;
    font-size: 16px;
    color: inherit;
}

.ql-view p { margin: 0 0 0.9em 0; }
.ql-view h1, .ql-view h2, .ql-view h3, .ql-view h4, .ql-view h5, .ql-view h6 {
    margin: 0.8em 0 0.4em;
    font-weight: 700;
    line-height: 1.3;
}
.ql-view h1 { font-size: 2em; }
.ql-view h2 { font-size: 1.6em; }
.ql-view h3 { font-size: 1.3em; }

.ql-view a { color: #2563eb; text-decoration: underline; }
.ql-view img { max-width: 100%; height: auto; display: block; margin: 0.6em auto; }
.ql-view iframe, .ql-view video { max-width: 100%; }

.ql-view .ql-align-center { text-align: center; }
.ql-view .ql-align-right { text-align: right; }
.ql-view .ql-align-justify { text-align: justify; }

.ql-view .ql-indent-1 { padding-left: 3em; }
.ql-view .ql-indent-2 { padding-left: 6em; }
.ql-view .ql-indent-3 { padding-left: 9em; }
.ql-view .ql-indent-4 { padding-left: 12em; }

.ql-view ol { padding-left: 1.4em; }
.ql-view ul { padding-left: 1.2em; list-style: disc; }
.ql-view ol li { list-style: decimal; }
.ql-view .ql-indent-1 li { list-style-position: inside; }
.ql-view .ql-indent-2 li { list-style-position: inside; }

.ql-view blockquote {
    border-left: 3px solid #e5e7eb;
    margin: 0.6em 0;
    padding-left: 1em;
    color: #4b5563;
}

.ql-view code, .ql-view pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    background: #f3f4f6;
    border-radius: 6px;
    padding: 0.2em 0.4em;
}
.ql-view pre {
    padding: 0.75em;
    overflow: auto;
}

.ql-view .ql-size-small { font-size: 0.85em; }
.ql-view .ql-size-large { font-size: 1.4em; }
.ql-view .ql-size-huge { font-size: 1.8em; }

.ql-view .ql-direction-rtl { direction: rtl; text-align: inherit; }