/* TipTap editor surface (ProseMirror root has .ProseMirror + prose classes) */
.wysiwyg-container .ProseMirror {
    outline: none;
}

.wysiwyg-container .ProseMirror h1 {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0.75rem 0 0.5rem;
}

.wysiwyg-container .ProseMirror h2 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0.65rem 0 0.4rem;
}

.wysiwyg-container .ProseMirror h3 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 0.5rem 0 0.35rem;
}

.wysiwyg-container .ProseMirror blockquote {
    border-left: 4px solid rgb(34 197 94);
    margin: 0.75rem 0;
    padding: 0.35rem 0 0.35rem 1rem;
    color: rgb(55 65 81);
    font-style: italic;
}

.dark .wysiwyg-container .ProseMirror blockquote {
    border-left-color: rgb(74 222 128);
    color: rgb(209 213 219);
}

.wysiwyg-container .ProseMirror ul {
    list-style: disc;
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.wysiwyg-container .ProseMirror ol {
    list-style: decimal;
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.wysiwyg-container .ProseMirror pre {
    background: rgb(243 244 246);
    border-radius: 0.5rem;
    font-family: ui-monospace, monospace;
    font-size: 0.875rem;
    margin: 0.75rem 0;
    overflow-x: auto;
    padding: 0.75rem 1rem;
}

.dark .wysiwyg-container .ProseMirror pre {
    background: rgb(55 65 81);
}

.wysiwyg-container .ProseMirror hr {
    border: none;
    border-top: 1px solid rgb(209 213 219);
    margin: 1rem 0;
}

.dark .wysiwyg-container .ProseMirror hr {
    border-top-color: rgb(75 85 99);
}

.wysiwyg-container .ProseMirror code {
    background: rgb(243 244 246);
    border-radius: 0.25rem;
    font-family: ui-monospace, monospace;
    font-size: 0.875em;
    padding: 0.1rem 0.35rem;
}

.dark .wysiwyg-container .ProseMirror code {
    background: rgb(55 65 81);
}

.wysiwyg-container .ProseMirror a {
    color: rgb(22 163 74);
    text-decoration: underline;
}

.dark .wysiwyg-container .ProseMirror a {
    color: rgb(74 222 128);
}
