/*
 * Vertical rhythm inside the "Article format" container (blog posts and guides).
 *
 * The container is a flex column whose generated layout rule sets a 22px gap
 * between its children, so paragraphs, lists, images and headings all sat at
 * the same distance and a heading did not separate the section it opens.
 * Two classes beat the one generated class, so these rules win without
 * !important.
 */
.wp-block-klingit-basic-container.is-style-article-format {
    row-gap: 2rem;
}

/* A heading opens a section: more room above it (2rem gap + 1rem = 48px). */
.wp-block-klingit-basic-container.is-style-article-format > :is(h2, h3):not(:first-child) {
    margin-block-start: 1rem;
}

/* ...and it stays close to its own content (2rem gap - 0.5rem = 24px). */
.wp-block-klingit-basic-container.is-style-article-format > :is(h2, h3) + * {
    margin-block-start: -0.5rem;
}