#editor-page > * {grid-column: 1/-1;}

#editor_p-back {
    width: fit-content;
    margin-bottom: .5em;
}

#editor_p-title {margin-bottom: 2rem;}

#editor_p-work {
    margin-top: 4rem;
    row-gap: 4rem;
}
#editor_p-work li {grid-column: 1/-1;}


@media only screen and (min-width: 768px) {
    #editor_p-title {margin-bottom: 1rem;}
    #editor_p-work li {grid-column: span 2;}

    #editor_p-work {margin-top: 6rem;}
}



@media only screen and (min-width: 1024px) {
    #editor_p-details {
        grid-column: 1/5;
        grid-row: 1;
        top: calc(var(--header_m) + 3rem);
    }
    
    #editor_p-title {margin-bottom: 2rem;}

    #editor_p-work {
        grid-column: 5/-1;
        grid-row: 1/3;
        margin-top: 0;
    }
}


@media (hover: hover) {
    #editor_p-back:hover {
        background: var(--c-blue);
    }
}