body.blog-page{
    background:radial-gradient(circle at top,#151621 0,#050608 55%,#020306 100%);
}
.blog-main{
    padding-top:var(--space-12);
}
.blog-hero{
    padding-top:var(--space-16);
    padding-bottom:var(--space-12);
}
.blog-hero-inner{
    display:grid;
    grid-template-columns:minmax(0,1.3fr);
    gap:var(--space-8);
    align-items:center;
}
.blog-hero-copy{
    max-width:42rem;
}
.blog-hero-title{
    font-size:clamp(2.4rem,3.4vw,3rem);
    margin-bottom:var(--space-4);
}
.blog-hero-intro{
    font-size:var(--text-md);
    color:var(--gray-200);
    max-width:34rem;
}
.blog-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-3);
    margin-top:var(--space-5);
    margin-bottom:var(--space-4);
}
.blog-hero-meta{
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-2);
}
.blog-hero-media{
    max-width:32rem;
    margin-inline:auto;
}
.blog-hero-feature{
    margin-top:var(--space-4);
}
.blog-hero-footer-meta{
    font-size:var(--text-xs);
    color:var(--gray-300);
}
.blog-layout{
    padding-top:0;
}
.blog-grid{
    display:grid;
    grid-template-columns:minmax(0,1.7fr);
    gap:var(--space-10);
}
.blog-main-column{
    display:flex;
    flex-direction:column;
    gap:var(--space-6);
}
.blog-sidebar{
    display:flex;
    flex-direction:column;
    gap:var(--space-5);
}
.blog-article-header{
    margin-bottom:var(--space-4);
}
.blog-article-kicker{
    font-size:var(--text-xs);
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:var(--color-primary);
    margin-bottom:var(--space-2);
}
.blog-article-title{
    margin-bottom:var(--space-2);
}
.blog-article-meta{
    font-size:var(--text-sm);
    color:var(--gray-300);
}
.blog-article-figure{
    border-radius:var(--radius-lg);
    overflow:hidden;
    margin-bottom:var(--space-4);
}
.blog-article-figure img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.02);
    transition:transform var(--transition-slow) var(--transition-bounce),opacity var(--transition-base) ease;
}
.blog-article:hover .blog-article-figure img{
    transform:scale(1.06);
    opacity:0.96;
}
.blog-article-body{
    font-size:var(--text-md);
    color:var(--gray-100);
}
.blog-checklist{
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:0.6rem;
    margin:var(--space-3) 0 var(--space-4);
}
.blog-checklist li{
    position:relative;
    padding-left:1.6rem;
    font-size:var(--text-md);
    color:var(--gray-100);
}
.blog-checklist li::before{
    content:"";
    position:absolute;
    left:0;
    top:0.4rem;
    width:0.7rem;
    height:0.7rem;
    border-radius:999px;
    border:1px solid var(--color-primary-strong);
    box-shadow:0 0 0 1px rgba(211,162,89,0.35);
    background:radial-gradient(circle at 30% 0,rgba(255,255,255,0.45),var(--color-primary));
}
.blog-checklist li span{
    font-weight:600;
    color:var(--gray-50);
}
.blog-steps{
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:var(--space-3);
    margin:var(--space-4) 0;
    counter-reset:step-counter;
}
.blog-steps li{
    position:relative;
    padding-left:1.5rem;
}
.blog-steps h4{
    font-size:var(--text-md);
    font-family:var(--font-sans);
    text-transform:none;
    letter-spacing:0.02em;
    margin-bottom:0.3rem;
    color:var(--gray-50);
}
.blog-cta-block{
    margin-top:var(--space-5);
    padding:var(--space-5);
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-4);
    align-items:center;
    justify-content:space-between;
}
.blog-cta-copy h3{
    margin-bottom:var(--space-2);
}
.blog-cta-actions{
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-3);
}
.blog-cta-inline{
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-4);
    margin-top:var(--space-4);
}
.blog-quote{
    margin:var(--space-4) 0;
    padding:var(--space-4);
}
.blog-quote p{
    margin-bottom:var(--space-3);
}
.blog-quote-author{
    font-size:var(--text-sm);
    color:var(--color-primary-strong);
}
.blog-sidebar-block{
    padding:var(--space-4) var(--space-4);
}
.blog-sidebar-title{
    font-size:1.2rem;
    margin-bottom:var(--space-3);
}
.blog-sidebar-links{
    display:flex;
    flex-direction:column;
    gap:0.75rem;
    margin-bottom:var(--space-3);
}
.blog-sidebar-btn{
    margin-top:var(--space-2);
}
.blog-sidebar-tags{
    display:flex;
    flex-wrap:wrap;
    gap:0.6rem;
    margin-bottom:var(--space-3);
}
.blog-tag-filter{
    padding:0.4rem 0.9rem;
    border-radius:var(--radius-pill);
    border:1px solid rgba(211,162,89,0.4);
    background:rgba(7,8,12,0.9);
    color:var(--gray-100);
    font-size:var(--text-xs);
    letter-spacing:0.18em;
    text-transform:uppercase;
}
.blog-tag-filter:hover{
    border-color:var(--color-primary-strong);
    background:var(--color-primary-soft);
    color:var(--color-primary-strong);
}
.blog-sidebar-note{
    font-size:var(--text-xs);
}
.blog-bottom-cta{
    padding-top:var(--space-8);
    padding-bottom:var(--space-16);
}
.blog-bottom-cta-inner{
    padding:var(--space-6) var(--space-6);
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-5);
    align-items:center;
    justify-content:space-between;
}
.blog-bottom-copy{
    max-width:40rem;
}
.blog-bottom-actions{
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-3);
}
@media (min-width:900px){
    .blog-hero-inner{
        grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
    }
    .blog-grid{
        grid-template-columns:minmax(0,2.2fr) minmax(0,1.1fr);
        align-items:flex-start;
    }
}
@media (max-width:767px){
    .blog-hero{
        padding-top:var(--space-12);
    }
    .blog-hero-title{
        font-size:2.1rem;
    }
    .blog-hero-actions{
        flex-direction:column;
        align-items:flex-start;
    }
    .blog-cta-block{
        padding:var(--space-4);
    }
    .blog-bottom-cta-inner{
        padding:var(--space-5) var(--space-4);
    }
}