/* Blog posts — related links & layout */
body.has-fixed-nav.blog-page { padding-top: 88px; }
.blog-page main { max-width: 900px; margin: 0 auto; padding: 36px 20px 64px; }
.blog-related {
    margin-top: 2.5rem; padding: 1.5rem 1.4rem;
    background: #f7f7f5; border: 1px solid rgba(0,0,0,.08);
    border-radius: 16px;
}
.blog-related h2 { font-size: 1.1rem; margin: 0 0 1rem; font-weight: 800; }
.blog-related ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .45rem; }
.blog-related a {
    font-size: .92rem; font-weight: 600; color: #eb671b;
    text-decoration: none;
}
.blog-related a:hover { text-decoration: underline; }