/*
 * Content SEO — opt-in front-end fallback article styling.
 *
 * Loaded ONLY on singular Sylo-generated posts, and ONLY when the user turns on
 * "fallback article styling" (offered by the readiness check when the active
 * theme doesn't style core blocks well). Low-specificity, single body-class
 * scope (.sylo-article), so a theme that DOES style content always wins. Purely
 * cosmetic — the article content is semantic HTML that stays readable without
 * this sheet, so nothing breaks if the plugin is removed.
 */

.sylo-article .entry-content,
.sylo-article .wp-block-post-content {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.65;
    font-size: 1.05rem;
}

.sylo-article .entry-content h2,
.sylo-article .wp-block-post-content h2 {
    margin-top: 2em;
    margin-bottom: 0.5em;
    line-height: 1.25;
}

.sylo-article .entry-content h3,
.sylo-article .wp-block-post-content h3 {
    margin-top: 1.5em;
    margin-bottom: 0.4em;
    line-height: 1.3;
}

.sylo-article .entry-content p,
.sylo-article .wp-block-post-content p {
    margin: 0 0 1.15em;
}

.sylo-article .entry-content ul,
.sylo-article .entry-content ol,
.sylo-article .wp-block-post-content ul,
.sylo-article .wp-block-post-content ol {
    margin: 0 0 1.15em;
    padding-left: 1.5em;
}

.sylo-article .entry-content li,
.sylo-article .wp-block-post-content li {
    margin: 0.3em 0;
}

.sylo-article .entry-content figure,
.sylo-article .wp-block-post-content figure {
    margin: 1.5em 0;
}

.sylo-article .entry-content figure img,
.sylo-article .wp-block-post-content figure img {
    max-width: 100%;
    height: auto;
}

.sylo-article .entry-content .sylo-silo-index,
.sylo-article .wp-block-post-content .sylo-silo-index {
    margin-top: 2.5em;
    padding-top: 1.2em;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}