/* Blog page overrides live outside the homepage CSS cascade. */
.page-blog .navbar {
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border);
}

.page-blog .blog-hero {
    padding: 150px 0 40px;
}

.page-blog .blog-hero .section-header {
    margin: 0 auto 14px;
}

.page-blog .blog-main {
    padding-top: 44px;
    padding-bottom: 0;
}

.page-blog .blog-cta {
    padding-top: 24px;
}

.page-blog .blog-cta-box {
    padding-top: 56px;
    padding-bottom: 56px;
}

.page-blog #subscribeMsg:empty {
    display: none;
}

@media (max-width: 768px) {
    .page-blog .blog-main {
        padding-top: 60px;
    }

    .page-blog .blog-hero {
        padding: calc(150px + env(safe-area-inset-top, 0px)) 0 8px;
    }

    .page-blog .blog-hero .section-tag {
        margin-bottom: 16px;
    }
}

@media (max-width: 480px) {
    .page-blog .blog-hero {
        padding-top: calc(160px + env(safe-area-inset-top, 0px));
    }
}