.chapter-list {
    padding-block-start: 3rem;
    padding-block-end: 3.5rem;
}

.chapter-list__item {
    display: grid;
    gap: 0.5rem 1.5rem;
    grid-template-columns: min(3rem, 7vw) minmax(auto, var(--container--width));
    padding-block: 1.5rem;
}

.chapter-list__item:first-child {
    padding-block-start: 0;
}

.chapter-list__item:last-child {
    padding-block-end: 0;
}

.chapter-list__item::before {
    content: attr(data-number) '.';
    display: block;
    text-align: left;
    font-weight: bold;
    text-align: left;
    font-size: 1.17em;
    border: 0px solid var(--color--teaser--border);
    border-right-width: 3px;
    padding-inline-end: 0.25rem;
}

.chapter-list__item a {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
}

.chapter-list__item__description {
    grid-column: 2;
}

@media (max-width: 479px) {
    .chapter-list__item {
        grid-template-columns: 10% auto;
    }

    .chapter-list__item h3,
    .chapter-list__item__description {
        grid-column: 1 / 3;
    }

    .chapter-list__item:before {
        border-right-width: 0px;
        border-bottom-width: 3px;
        padding-block-end: 0.5rem;
        margin-block-end: 0.5rem;
    }
}