#atlas-page[data-view='grid'] {margin: var(--h_atlas-m) 1rem 1rem;}
#atlas-page[data-view='table'] {margin: var(--h_atlas-m) 0 1rem;}
#atlas-page[data-view='map'] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@media only screen and (min-width: 768px) {
    #atlas-page[data-view='table'] {margin-top: var(--h_atlas-table);}
}
@media only screen and (min-width: 1024px) {
    #atlas-page[data-view='table'] {margin-top: var(--h_atlas-table_d);}
}


/* 
GRID
*/
#atlas_p-grid {row-gap: 4rem;}
.work-block.--grid {grid-column: span 2;}
@media only screen and (min-width: 768px) {
    #atlas_p-grid {row-gap: 6rem;}
    .work-block.--grid {grid-column: span 6;}
}
@media only screen and (min-width: 1024px) {
    .work-block.--grid {grid-column: span 4;}
}
@media only screen and (min-width: 2048px) {
    .work-block.--grid {grid-column: span 3;}
}


/* 
TABLE
*/
#atlas_p-table .work-block.--table:not(:last-of-type) {margin-bottom: 1rem;}
@media only screen and (min-width: 768px) {
    #atlas_p-table .work-block.--table:not(:last-of-type) {margin-bottom: 0;}
}


/* 
MAP
*/
#atlas_p-map {
    width: 100%;
    height: 100%;
}

#atlas_p-map--overlay {
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 120;
    transition: 1000ms ease-in-out;
}
#atlas_p-map--overlay[data-show='false'] {transform: translateY(100%);}

#atlas_p-map--overlay > button {margin: 0 0 4px 1rem;}

#atlas_p-map--overlay-container {
    display: flex !important;
    min-height: 50vw;
    border-top: 1px solid black;
}
#atlas_p-map--overlay-container > * {width: 100%;}

@media only screen and (min-width: 768px) {
    #atlas_p-map--overlay-container .--use span {grid-column: 1/3;}
    #atlas_p-map--overlay-container .--use p {grid-column: 3/-1;}

    #atlas_p-map--overlay-container .--dates span {grid-column: 1/3;}
    #atlas_p-map--overlay-container .--dates p {grid-column: 3/-1;}
}

@media only screen and (min-width: 1024px) {
    #atlas_p-map--overlay {
        top: 0;
        right: 0;
        bottom: 0;
        left: 75vw;
    }
    #atlas_p-map--overlay[data-show='false'] {transform: translateX(100%);}

    #atlas_p-map--overlay > button {
        position: absolute;
        top: calc(1rem - 4px);
        right: calc(1rem - 4px);
        margin: 0 !important;
    }

    #atlas_p-map--overlay-container {
        flex-direction: column;
        border-top: 0 !important;
        min-height: 100vh;
        max-height: 100vh;
    }

    #atlas_p-map--overlay-container > div {flex-grow: 1;}
    #atlas_p-map--overlay-container .atlas_p-map--main {overflow-y: auto;}
}