/*
  SzczecinTut Step 7: tighter article text rhythm.
  Non-destructive layer: no templates removed, no share/ads/menu functionality touched.
  Goal: keep current heading style, keep text width, only reduce vertical stretching in article body text.
*/

/* Main article body: compact news-style reading rhythm */
.article-layout .article-content,
.clean-article-layout .clean-article-content,
.article-main .article-content,
.clean-article-main .clean-article-content {
    line-height: 1.42 !important;
}

.article-layout .article-content p,
.clean-article-layout .clean-article-content p,
.article-main .article-content p,
.clean-article-main .clean-article-content p {
    line-height: 1.42 !important;
    margin-top: 0 !important;
    margin-bottom: .72em !important;
}

/* Keep lead/intro tighter than before, but still separated from body. */
.article-layout .clean-article-lead,
.clean-article-layout .clean-article-lead,
.article-lead,
.post-intro,
.article-intro,
.lead,
.intro {
    line-height: 1.45 !important;
    margin-bottom: 18px !important;
    padding-bottom: 18px !important;
}

.article-layout .clean-article-lead p,
.clean-article-layout .clean-article-lead p,
.article-lead p,
.post-intro p,
.article-intro p,
.lead p,
.intro p {
    line-height: 1.45 !important;
    margin-top: 0 !important;
    margin-bottom: .65em !important;
}

/* Subheadings inside article: closer to surrounding text, not huge gaps. */
.article-layout .article-content h2,
.article-layout .article-content h3,
.clean-article-layout .clean-article-content h2,
.clean-article-layout .clean-article-content h3 {
    margin-top: 1.35em !important;
    margin-bottom: .45em !important;
    line-height: 1.16 !important;
}

/* Lists should follow the same compact rhythm as paragraphs. */
.article-layout .article-content ul,
.article-layout .article-content ol,
.clean-article-layout .clean-article-content ul,
.clean-article-layout .clean-article-content ol {
    margin-top: .35em !important;
    margin-bottom: .8em !important;
}

.article-layout .article-content li,
.clean-article-layout .clean-article-content li {
    line-height: 1.42 !important;
    margin-bottom: .35em !important;
}

/* Mobile: exact same width, only vertical rhythm adjusted. */
@media (max-width: 760px) {
    .article-layout .article-content,
    .clean-article-layout .clean-article-content,
    .article-main .article-content,
    .clean-article-main .clean-article-content {
        line-height: 1.42 !important;
    }

    .article-layout .article-content p,
    .clean-article-layout .clean-article-content p,
    .article-main .article-content p,
    .clean-article-main .clean-article-content p {
        line-height: 1.42 !important;
        margin-bottom: .7em !important;
    }
}
