.post-hero{
    padding:60px 0 30px;
    background:var(--light);
}

.post-hero .breadcrumbs{
    margin-bottom:24px;
}

.post-hero h1{
    color:var(--primary);
    font-size:32px;
    margin-bottom:10px;
}

.post-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:var(--secondary);
    font-size:14px;
}

.post-content{
    padding:50px 0 70px;
}

.post-body{
    max-width:850px;
    margin:0 auto;
    color:#454f57;
    font-size:16.5px;
    line-height:2.1;
}

.post-thumb img{
    width:100%;
    aspect-ratio:3 / 2;
    object-fit:cover;
    border-radius:16px;
    margin-bottom:30px;
}

.post-body h2{
    color:var(--primary);
    margin:30px 0 14px;
}

.post-body p{
    margin:0 0 16px;
}

.article-entry-content a{
    color:var(--accent);
    font-weight:600;
    text-decoration:underline;
    text-underline-offset:3px;
}

.article-entry-content ul,
.article-entry-content ol{
    margin:0 0 22px;
    padding-right:24px;
}

.article-entry-content ul{
    list-style:disc;
}

.article-entry-content ol{
    list-style:decimal;
}

.article-entry-content li{
    margin-bottom:9px;
}

.article-entry-content li::marker{
    color:var(--accent);
}

.article-entry-content h2,
.article-entry-content h3{
    scroll-margin-top:28px;
}
