#article-page {
    padding-top: 28rem;
    row-gap: 18rem;
    min-height: 100dvh;
    max-height: 100dvh;
    overflow-y: auto;
}




/*
TITLE 
*/
#article_p-title {
    top: 1rem;
    right: 2rem;
    left: 2rem;
}
@media only screen and (min-width: 768px) {
    #article_p-title {
        right: 4rem;
        left: 4rem;
    }
}
@media only screen and (min-width: 1096px) {
    #article_p-title {
        right: 2rem;
        left: calc(50vw + 2.5rem);
    }
}




/* 
BLOCKS
*/
.article_p-b_text .--title {
    padding: 0 1rem;
    margin-bottom: 5vw;
}
.article_p-b_text .--text {text-indent: var(--t-indent);}
@media only screen and (min-width: 768px) {
    .article_p-b_text .--title {padding: 0 3rem;}
}

.article_p-video iframe {
    aspect-ratio: 16/9;
    border-radius: .5rem;
}

.article_p-video figcaption {margin-top: .5em;}
.article_p-video figcaption .t-italic {margin-left: var(--t-indent);}




/* 
PAGES
*/
#article_p-pages {margin-bottom: 2rem;}
#article_p-pages .--next {margin-left: auto;}




/* 
NAV
*/
#article_p-nav {
    top: 1rem;
    left: 1rem;
    width: fit-content;
}
@media only screen and (min-width: 1096px) {
    #article_p-nav {
        top: 50vh;
        right: calc(50vw + 1.5rem);
        left: unset;
        transform: translateY(-50%);
    }
}


@media (hover: hover) {
    #article_p-pages a:hover {opacity: 1 !important;}
}