.download-list {
    /* 24px → 48px below the title, 48px flat between two entries. */
    --download-list-gap-title: clamp(1.5rem, 1.5rem + (100vw - 24.375rem) * 0.017937, 3rem);
    --download-list-gap: 3rem;

    display: flex;
    flex-direction: column;
    gap: var(--download-list-gap-title);
}

/* The ten columns the design centres the list on, wider than the reading column the layout
   would otherwise give it. The second selector is the editor, whose own band rule ties on
   specificity. */
.download-list,
.wp-block-post-content > .download-list {
    max-width: min(100%, var(--sav-inner-width));
    margin-inline: auto;
}

/* 60px → 148px between two lists of one section, 92px → 164px towards whatever closes it.
   The last list of a page keeps neither: what stands below it is the footer, which brings
   its own room along. Elements that draw nothing are no neighbours. */
.download-list:has(+ .download-list) {
    margin-block-end: clamp(3.75rem, 3.75rem + (100vw - 24.375rem) * 0.06577, 9.25rem);
}

.download-list:has(+ *:not(.download-list, script, style, template, link)) {
    margin-block-end: clamp(5.75rem, 5.75rem + (100vw - 24.375rem) * 0.053812, 10.25rem);
}

.download-list__title {
    margin: 0;
    font-weight: var(--sav-font-weight-regular);
    font-size: var(--sav-text-m-size);
    line-height: var(--sav-text-m-line);
    letter-spacing: var(--sav-text-m-tracking);
    color: var(--sav-color-dunkelblau);
}

.download-list__entries {
    display: flex;
    flex-direction: column;
    gap: var(--download-list-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}