.post-navigation{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    width:calc(100% - 48px);
    max-width:none;
    padding:0 0 30px;
    border-top:1px solid var(--line);
}
.post-navigation-item{
    display:grid;
    grid-template-columns:96px minmax(0,1fr);
    align-items:center;
    gap:15px;
    min-height:112px;
    padding:18px 20px 18px 0;
}
.post-navigation-next{
    grid-template-columns:minmax(0,1fr) 96px;
    padding:18px 0 18px 20px;
    border-left:1px solid var(--line);
    text-align:right;
}
.post-navigation-item img{
    width:96px;
    height:72px;
    object-fit:cover;
}
.post-navigation-copy{min-width:0}
.post-navigation-copy small{
    display:block;
    margin-bottom:6px;
    color:var(--accent);
    font:700 1.05rem/1.2 var(--sans);
}
.post-navigation-copy strong{
    display:-webkit-box;
    overflow:hidden;
    color:#111;
    font:700 1.55rem/1.25 var(--sans);
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.post-related,.post-comments{
    padding:24px 0;
    background:#f1f1f0;
}
.post-related .container,.post-comments .container{
    padding:24px;
    background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.13);
}
.post-section-title{
    display:flex;
    align-items:baseline;
    gap:14px;
    margin-bottom:22px;
    padding:0 0 17px;
    border-bottom:1px solid var(--line);
    border-top:5px solid var(--accent);
    padding-top:17px;
}
.post-section-title span{
    color:var(--accent);
    font:700 1.05rem/1 var(--sans);
    text-transform:uppercase;
}
.post-section-title h2{
    margin:0;
    font:800 2.6rem/1 'Roboto Slab',Georgia,serif;
    letter-spacing:-.025em;
}
.post-related-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
}
.post-related-grid .post-card{padding:0 22px}
.post-related-grid .post-card:first-child{padding-left:0}
.post-related-grid .post-card:last-child{padding-right:0}
.post-related-grid .post-card+ .post-card{border-left:1px solid var(--line)}
.post-comments{padding-top:0}
.post-comments-body{min-height:80px}
.post-comments-body #ghost-comments-root,
.post-comments-body iframe{width:100%!important;max-width:100%!important}
@media(max-width:700px){
    .post-navigation{grid-template-columns:1fr;width:calc(100% - 32px)}
    .post-navigation-next{border-left:0;border-top:1px solid var(--line)}
    .post-related,.post-comments{padding-block:8px}
    .post-related .container,.post-comments .container{width:100%;padding:16px;box-shadow:none}
    .post-related-grid{grid-template-columns:1fr}
    .post-related-grid .post-card,.post-related-grid .post-card:first-child,.post-related-grid .post-card:last-child{
        display:grid;
        grid-template-columns:120px 1fr;
        gap:14px;
        padding:16px 0;
    }
    .post-related-grid .post-card+ .post-card{border-left:0;border-top:1px solid var(--line)}
    .post-related-grid .card-image{margin:0}
    .post-section-title{display:block}
    .post-section-title span{display:block;margin-bottom:7px}
}