body {
    background-color: skyblue;
}

/* Rich text editor content styling */
.prose h1 { font-size: 1.5em; font-weight: 700; margin: 0.5em 0; }
.prose h2 { font-size: 1.25em; font-weight: 600; margin: 0.5em 0; }
.prose h3 { font-size: 1.1em; font-weight: 600; margin: 0.5em 0; }
.prose ul { list-style: disc; padding-left: 1.5em; margin: 0.5em 0; }
.prose ol { list-style: decimal; padding-left: 1.5em; margin: 0.5em 0; }
.prose blockquote { border-left: 3px solid #d1d5db; padding-left: 1em; margin: 0.5em 0; color: #6b7280; }
.prose a { color: #2563eb; text-decoration: underline; }
.prose a:hover { color: #1d4ed8; }
.prose code { background: #f3f4f6; padding: 0.125em 0.25em; border-radius: 0.25em; font-size: 0.9em; }
.prose pre { background: #f3f4f6; padding: 0.75em; border-radius: 0.375em; overflow-x: auto; margin: 0.5em 0; }
.prose hr { border-top: 1px solid #e5e7eb; margin: 1em 0; }
.prose p { margin: 0.25em 0; }

/* Contenteditable editor area */
[contenteditable="true"]:empty::before {
    content: "Start typing...";
    color: #9ca3af;
}
[contenteditable="true"]:focus {
    outline: none;
}