.wp-block-paragraph {
    font-weight: var(--sav-font-weight-light);
    /* Reset the tracking the Light cut inherits from the base body copy. */
    letter-spacing: normal;

    & + & {
        margin-block-start: var(--sav-text-m-line);
    }

    /* 32px → 48px before a button the paragraph leads to, which brings no distance of its own. */
    &:has(+ .button) {
        margin-block-end: clamp(2rem, 2rem + (100vw - 24.375rem) * 0.011958, 3rem);
    }

    /* A paragraph introducing the Fokus-Teaser is the lead of that section, one step larger than
       running text. */
    &:has(+ .focus-teaser) {
        font-size: var(--sav-text-l-size);
        line-height: var(--sav-text-l-line);
        /* 60px → 140px above, 24px → 48px below, since a Fokus-Teaser keeps no distance of its
           own. The floor above is the distance the theme keeps above any section. */
        margin-block: var(--sav-section-gap) clamp(1.5rem, 1.5rem + (100vw - 24.375rem) * 0.017938, 3rem);
    }

    /* On the same left edge as the tiles below it. The second selector is the editor, whose own
       band rule ties on specificity. */
    &:has(+ .focus-teaser),
    .wp-block-post-content > &:has(+ .focus-teaser) {
        max-width: min(100%, var(--sav-content-width));
    }

    /* Emphasis is one weight step up to Regular, not bold. */
    & :is(strong, b) {
        font-weight: var(--sav-font-weight-regular);
        letter-spacing: var(--sav-text-m-tracking);
    }

    & a {
        color: inherit;
        font-weight: var(--sav-font-weight-regular);
        letter-spacing: var(--sav-text-m-tracking);
        text-decoration-line: underline;
        text-decoration-thickness: from-font;
        text-decoration-skip-ink: none;
        text-underline-position: from-font;

        &:hover {
            color: var(--sav-color-dunkelblau-hover);
        }

        &:focus-visible {
            outline: 2px solid var(--sav-color-dunkelblau);
            outline-offset: 2px;
        }
    }
}