.post{

    padding-block:6rem;

    min-height:60vh;

}

.post-back{

    display:inline-block;

    font-family:"Manrope",sans-serif;

    font-size:.9rem;

    font-weight:600;

    color:var(--color-primary);

    margin-bottom:2rem;

}

.post-date{

    display:block;

    font-family:"Manrope",sans-serif;

    font-size:.8rem;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.04em;

    color:var(--gold-mid);

    margin-bottom:.75rem;

}

.post-title{

    font-family:"Cormorant Garamond",serif;

    font-weight:600;

    font-size:clamp(2rem,4vw,2.75rem);

    color:var(--color-title);

    max-width:none;

    margin-bottom:2rem;

}

.post-stub{

    font-family:"Manrope",sans-serif;

    font-size:1.05rem;

    color:var(--color-text);

    background:var(--color-surface);

    border-radius:var(--radius-md);

    padding:2.5rem;

    box-shadow:var(--shadow-soft);

}

.post-nav{

    display:flex;

    justify-content:space-between;

    gap:1rem;

    margin-top:3rem;

    padding-top:2rem;

    border-top:1px solid rgba(0,0,0,.08);

}

.post-nav-link{

    display:flex;

    flex-direction:column;

    max-width:45%;

    font-family:"Manrope",sans-serif;

}

.post-nav-link.next{

    text-align:right;

    margin-left:auto;

}

.post-nav-label{

    font-size:.75rem;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.04em;

    color:var(--gold-mid);

    margin-bottom:.35rem;

}

.post-nav-title{

    font-size:.95rem;

    font-weight:600;

    color:var(--color-title);

    transition:color var(--speed-fast) ease;

}

.post-nav-link:hover .post-nav-title{

    color:var(--gold-mid);

}

@media (max-width:600px){

    .post-nav-link{

        max-width:48%;

    }

    .post-nav-title{

        font-size:.85rem;

    }

}