.post {

$root: &;
font-size: 1.2em;
color: black;
@include hyperlink-convention();
@include mobile{
    font-size: 1em;
}
figure {
    margin: 0;
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: -0.5em;
    margin-right: -0.5em;
    width: calc(100% + 1em);
    & > pre {
        overflow: auto;
    }

}
p, ul {
    margin-bottom: $gap * .5;
    margin-top: $gap * .5;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
li {
    display: list-item;
}

& &-content, & &-metadata {
    background: $white;
    padding: 0.2em 2rem 1rem 2rem;
    border-radius: 10px;
    @include mobile {
        padding: 0.2em 1.2rem 0.6rem 1.2rem;
    }
}

header {
    padding: 1em 0.5em 0.8em 0.5em;
    h1 {
        padding: 0;
        line-height: 1em;
        margin-bottom: 0.5em;
    }
    p {
        margin: 0;
        color: $p_text;
    }
}

& &-metadata {
    text-align: left;
    p {
        font-size: 1em;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    a {
        color: $p_text;
        @include underline-on-hover($p_text);
    }
}

& &-cover {
    &_image {
        display: block;
        max-width: 100%;
        width: auto;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        max-height: 65vh;
        margin: auto;
    }
}

a {
    font-size: 1em;
}

}