.argument-list {
    /* One box and a slice of the next, the box a gutter narrower than the content band. */
    --slider-slide: calc(var(--sav-band-width) - var(--sav-grid-gutter));
    --slider-gap: var(--sav-grid-gutter);
    --slider-edge: max(0px, calc((100% - var(--sav-band-width)) / 2));
    /* 30px → 41px */
    --slider-step-size: clamp(1.875rem, 1.875rem + (100vw - 24.375rem) * 0.00822, 2.5625rem);
    --slider-step-spent: 0.2;

    /* 30px → 48px */
    --argument-list-gap: clamp(1.875rem, 1.875rem + (100vw - 24.375rem) * 0.01345, 3rem);

    display: flex;
    flex-direction: column;
    gap: var(--argument-list-gap);

    /* Two boxes side by side once the grid stands on twelve columns. */
    @media (min-width: 64rem) {
        --slider-slide: calc((var(--sav-band-width) - var(--sav-grid-gutter)) / 2);
    }
}

.argument-list__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sav-grid-gutter);
    inline-size: min(100%, var(--sav-band-width));
    margin-inline: auto;
}

.argument-list__title {
    margin: 0;
    color: var(--sav-color-dunkelblau);
}

.argument-list__controls {
    display: flex;
    flex: none;
    gap: 1.625rem;
}