/* public/assets/css/bausteine/typografie.css */

#preview-area h1 { font-size: 2em; font-weight: bold; margin-bottom: 0.5em; border-bottom: 1px solid #eee; }
#preview-area h2 { font-size: 1.5em; font-weight: bold; margin-top: 1em; margin-bottom: 0.5em; }
#preview-area h3 { font-size: 1.25em; font-weight: bold; margin-top: 1em; }
#preview-area ul { list-style-type: disc; padding-left: 20px; margin-bottom: 1em; }
#preview-area ol { list-style-type: decimal; padding-left: 20px; margin-bottom: 1em; }
#preview-area p { margin-bottom: 1em; line-height: 1.6; }
#preview-area strong { font-weight: bold; }
#preview-area em { font-style: italic; }
#preview-area pre { background: #f3f4f6; padding: 10px; border-radius: 5px; overflow-x: auto; font-family: monospace; }
#preview-area code { background: #e5e7eb; padding: 2px 4px; border-radius: 3px; font-family: monospace; font-size: 0.9em; }
#preview-area blockquote { border-left: 4px solid #e5e7eb; padding-left: 10px; color: #6b7280; font-style: italic; }

.prose p { margin-top: 2em; margin-bottom: 2em; }
.prose p:first-child { margin-top: 0; }
.prose p:last-child { margin-bottom: 0; }