/* HIDE */
.science-page--anchorsM,
.science-page--mainM {
    display: none;
}

/*  */
.science-page--mainD {
    grid-column: 3/-1;
    margin-top: -1.2rem;
}

.science-page--mainD__typology {
    margin-bottom: 10rem;
}

.science-page--mainD__typology > h1 {
    height: 10rem;
}

.science-page--mainD__typology > ul {
    scroll-margin: var(--scroll-margin);
}

.science-page--mainD__typology div,
.science-page--mainD__typology li,
.science-page--mainD__typology a,
.science-page--mainD__typology ul > div {
    padding: .5rem 0;
    border-bottom: 1px solid var(--color-black);
}

.science-page--mainD__typology--header {
    padding-top: 0 !important;
}

.science-page--mainD__typology ul .column_1 {
    grid-column: 1/3;
}
.science-page--mainD__typology ul .column_2 {
    grid-column: 3/5;
}
.science-page--mainD__typology ul .column_3 {
    grid-column: 5/8;
}
.science-page--mainD__typology ul .column_4 {
    grid-column: 8/-1;
}

.science-page--mainD__typology a > *{
    transition: color 300ms;
}
.science-page--mainD__typology a:hover > *{
    color: var(--color-accent);
}


/* TABLET */
@media only screen and (max-width: 900px) {
    .science-page {
        padding-top: 12rem;
    }
    
    .science-page aside {
        background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%);
    }

    .science-page--anchorsM {
        display: block;
    }
    
    .science-page--anchorsD,
    .science-page--mainD {
        display: none;
    }

    .science-page--mainM {
        display: block;
        grid-column: 3/-1;
    }

    .science-page--mainM__typology {
        scroll-margin-top: 10rem;
    }

    .science-page--mainM__typology > h1 {
        height: 10rem;
        margin-bottom: -2rem;
    }

    .science-page--mainM__typology > h1.type--display {
        display: none;
    }

    .sciene-page--entry {
        padding: 2rem 0;
        border-bottom: 1px solid var(--color-black);
        position: relative;
    }

    a.sciene-page--entry {
        display: block;
    }

    a.sciene-page--entry * {
        color: var(--color-accent);
    }

    .sciene-page--entry > span:not(:first-of-type) {
        display: block;
        margin-top: 1em;
    }

    .sciene-page--entry img {
        position: absolute;
        bottom: 2rem;
        right: 2rem;
        height: 3rem;
    }

    .sciene-page--entry:last-child {
        margin-bottom: 6rem;
    }
}

/* MOBILE */
@media only screen and (max-width: 425px) {

    .science-page--mainM {
        grid-column: 1/-1;
    }

    .science-page--mainM__typology {
        scroll-margin-top: unset;
    }

    .science-page--mainM__typology > h1 {
        height: unset;
        margin-bottom: 7rem;
    }

    .science-page--mainM__typology > h1.type--display {
        display: block;
    }

    .science-page--mainM__typology > h1.type--body {
        display: none;
    }

    .sciene-page--entry img {
        right: 1rem;
        height: 2rem;
    }

}