/* blog/static/blog/css/style.css */

/* Styling für die TinyMCE-Inhalte innerhalb der .prose-content Klasse */
.prose-content h1 {
    @apply text-4xl font-serif text-slate-900 mt-8 mb-4;
    font-size: 2.25rem; line-height: 2.5rem; font-weight: 700;
}

.prose-content h2 {
    @apply text-3xl font-serif text-slate-800 mt-6 mb-3;
    font-size: 1.875rem; line-height: 2.25rem; font-weight: 600;
}

.prose-content h3 {
    @apply text-2xl font-serif text-slate-800 mt-5 mb-2;
    font-size: 1.5rem; line-height: 2rem; font-weight: 600;
}

.prose-content p {
    @apply mb-4 leading-relaxed text-slate-700;
    margin-bottom: 1.25rem;
}

.prose-content ul {
    @apply list-disc ml-6 mb-4;
    list-style-type: disc; margin-left: 1.5rem;
}

.prose-content ol {
    @apply list-decimal ml-6 mb-4;
    list-style-type: decimal; margin-left: 1.5rem;
}

.prose-content strong {
    @apply font-bold text-slate-900;
}

.prose-content blockquote {
    @apply border-l-4 border-sage-400 pl-4 italic my-6 text-slate-600;
    border-left-width: 4px; border-color: #7a918d; padding-left: 1rem; font-style: italic;
}