.chapter--section {
    width: 100%;
}

.chapter--section:not(:first-of-type) {
    margin-top: 16rem;
}

.chapter--introduction p:not(:last-of-type),
.chapter--description p:not(:last-of-type),
.material--content p:not(:last-of-type) {
    margin-bottom: 1em;
}

.chapter--description {
    grid-column: 3/-1;
}

.chapter--material {
    scroll-margin-top: 16rem;
}

.material--info {
    grid-column: 1/3;
}

.material--info > a,
.material--info > button {
    display: flex;
    margin-top: 2rem;
}

.material--info img {
    height: 1.25rem;
    transition: 300ms;
    margin-right: 2px;
}

.material--info > a:hover img,
.material--info > button:hover img {
    transform: scale(1.05);
}

.material--info > a h2,
.material--info > button h2 {
    margin: 6px 0 0 8px;
    text-align: left;
    white-space: pre;
}

.material--content {
    grid-column: 3/-1;
}

.material--content article {
    margin-bottom: 4rem;
}

.material--content_gallery-image.full--width {
    grid-column: span 4;
}
.material--content_gallery-image.third--width {
    grid-column: span 3;
}
.material--content_gallery-image.half--width {
    grid-column: span 2;
}
.material--content_gallery-image.quarter--width {
    grid-column: span 1;
}

.material--content_gallery-image:not(:last-of-type) {
    margin-bottom: 2rem;
}

.material--content_gallery-image img {
    width: 100%;
}

.material--content_gallery-image span {
    display: block;
    margin-bottom: .5rem;
}