.default-page {
    margin-top: 2rem;
}

.default-page__header {
    grid-column: 1/-1;
    margin-bottom: 1rem;
}

.default-page > figure,
.default-page > h4,
.default-page__aside,
.default-page__body {
    grid-column: 1/-1;
}

.default-page__aside {
    margin-bottom: 3rem;
}

.default-page__aside--chapters,
.default-page__aside > hr,
.share-block--desktop {
    display: none;
}

.default-page > h4 {
    margin-bottom: 2rem;
}

.default-page > figure {
    margin: 4rem 0 2rem;
}

.default-page__body > article p {
    margin-bottom: 1rem;
}


/* TABLET */
@media only screen and (min-width: 475px) {

    .default-page__header,
    .default-page > h4 {
        grid-column: 3/-1;
    }

    .default-page__header {
        grid-row: 1;
        margin: 2rem 0 4rem;
    }

    .default-page > h4 {
        grid-row: 2;
    }

    .default-page__body {
        grid-row: 3;
    }

    .default-page__aside {
        grid-column: 1/3;
        grid-row: 2/4;
        position: sticky;
        top: 8rem;
        align-self: flex-start;
        order: unset;
    }

    .default-page__aside--chapters,
    .default-page__aside > hr,
    .share-block--desktop {
        display: block;
    }
    
    .default-page__aside > hr {
        margin: 1rem 0;
    }

    .default-page__aside--chapters ul > li:not(:last-of-type) {
        margin-bottom: .25rem;
    }

    .share-block--mobile {
        display: none;
    }

}


/* DESKTOP */
@media only screen and (min-width: 1024px) {

    .default-page {
        margin-top: 6rem;
    }

    .default-page__header {
        grid-column: 4/-5;
        margin-bottom: 8rem;
        grid-row: 1;
    }

    .default-page__aside--chapters,
    .default-page__aside > hr,
    .share-block--desktop {
        display: block;
    }

    .share-block--mobile {
        display: none;
    }

    .default-page__aside {
        margin-left: 3rem;
        top: 30vh;
    }

    .default-page__aside > hr {
        margin: 1rem 0;
    }

    .default-page__aside--chapters li:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .default-page > h4 {
        grid-column: 4/-5;
        grid-row: 2;
        margin-bottom: 4rem;
    }

    .default-page__body {
        grid-row: 3;
    }

}