/**
 * Styles for AI-generated content
 */

/* General content spacing */
.auto-blog-ai-content h1,
.auto-blog-ai-content h2,
.auto-blog-ai-content h3,
.auto-blog-ai-content h4,
.auto-blog-ai-content h5,
.auto-blog-ai-content h6 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    line-height: 1.4;
}

.auto-blog-ai-content h1:first-child,
.auto-blog-ai-content h2:first-child,
.auto-blog-ai-content h3:first-child {
    margin-top: 0;
}

.auto-blog-ai-content p {
    margin-bottom: 1em;
    line-height: 1.6;
}

/* Fix image spacing */
.auto-blog-ai-content figure {
    margin: 1.5em 0;
}

.auto-blog-ai-content figure img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.auto-blog-ai-content figure figcaption {
    font-size: 0.9em;
    text-align: center;
    margin-top: 0.5em;
    color: #666;
}

/* Ensure no excessive whitespace between figure and text */
.auto-blog-ai-content figure + p,
.auto-blog-ai-content p + figure {
    margin-top: 1em;
}

/* List styling */
.auto-blog-ai-content ul,
.auto-blog-ai-content ol {
    margin: 0 0 1.5em 1.5em;
    padding-left: 1em;
}

.auto-blog-ai-content li {
    margin-bottom: 0.5em;
}

/* General improvements for readability */
.auto-blog-ai-content {
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Ensure no extra whitespace at the beginning or end of content */
.auto-blog-ai-content > :first-child {
    margin-top: 0 !important;
}

.auto-blog-ai-content > :last-child {
    margin-bottom: 0 !important;
}

/* Post title spacing */
.auto-blog-ai-title {
    margin-bottom: 1em;
}