.annual-reports {
    /* 60px → 96px, the air above the list — which the editor puts its note in place of. */
    --annual-reports-gap-list: clamp(3.75rem, 3.75rem + (100vw - 24.375rem) * 0.026906, 6rem);

    display: grid;
    /* The band reaches both edges of the screen, its content stands on the content grid. */
    grid-template-columns: minmax(0, min(100%, var(--sav-band-width)));
    justify-content: center;
    /* The air the design leaves around the band, which is not the same above as below:
       60px → 192px before it, 92px → 124px after. Whatever stands next brings its own along,
       and the larger of the two wins by collapsing. */
    margin-block: clamp(3.75rem, 3.75rem + (100vw - 24.375rem) * 0.098655, 12rem)
        clamp(5.75rem, 5.75rem + (100vw - 24.375rem) * 0.023917, 7.75rem);
    /* 48px → 124px above, 60px → 124px below */
    padding-block: clamp(3rem, 3rem + (100vw - 24.375rem) * 0.056801, 7.75rem)
        clamp(3.75rem, 3.75rem + (100vw - 24.375rem) * 0.047833, 7.75rem);
    background-color: var(--sav-color-helllila);
}

/* A heading is blau by default, and in the band it is not. */
.annual-reports__title {
    color: var(--sav-color-dunkelblau);
}

.annual-reports__text {
    /* 1120px, the ten of the twelve drawn columns the lead runs across. */
    inline-size: min(100%, 70rem);
    /* 16px → 32px */
    margin-block-start: clamp(1rem, 1rem + (100vw - 24.375rem) * 0.011958, 2rem);
}

.annual-reports__list {
    /* 1005px, the last nine of the twelve drawn columns. Flush right and capped rather than
       measured in columns, so the indent simply runs out as the band narrows. */
    inline-size: min(100%, 62.8125rem);
    justify-self: end;
    display: grid;
    margin-block: var(--annual-reports-gap-list) 0;

    /* Each row brings the line above it along; the band is where the design closes the list
       with one as well. */
    & > .annual-report:last-child {
        border-block-end: 1px solid var(--sav-color-lila);
    }
}

.annual-reports__archive {
    /* 32px → 48px */
    margin-block-start: clamp(2rem, 2rem + (100vw - 24.375rem) * 0.011958, 3rem);
    /* The link is set without tracking, which the button itself does not say yet. */
    letter-spacing: normal;
    justify-self: center;

    @media (min-width: 64rem) {
        justify-self: end;
    }
}