.blog-page .navbar{background:rgba(5,5,5,.96);border-bottom:1px solid #242424}
.blog-nav{display:flex;gap:24px;align-items:center;font-size:.9rem}
.blog-nav a[aria-current="page"],.breadcrumbs a,.read-guide{color:var(--neon)}
.blog-main{padding-top:150px;padding-bottom:96px;min-height:80vh}
.blog-header{max-width:800px;margin-bottom:56px}
.blog-header h1{font-size:clamp(2.5rem,6vw,4.7rem);line-height:1.1;margin-bottom:24px}
.blog-header>p:last-child,.article-deck{font-size:1.15rem;color:var(--text-muted);max-width:660px}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.blog-card{padding:32px;border:1px solid #292929;border-radius:16px;background:linear-gradient(135deg,#101c18,#0c0c0c);display:flex;flex-direction:column;align-items:flex-start}
.blog-card h2{font-size:1.6rem;line-height:1.3;margin-bottom:16px}
.blog-card p:not(.section-tag){color:var(--text-muted);margin-bottom:24px}
.read-guide{margin-top:auto;font-weight:700}
.article{max-width:760px;margin:auto}
.breadcrumbs{font-size:.9rem;margin-bottom:32px;color:var(--text-muted)}
.article h1{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.15;margin-bottom:24px}
.article-meta{font-size:.85rem;color:var(--text-muted);margin-top:24px}
.article-toc{padding:24px 28px;margin:36px 0;border:1px solid #303030;border-radius:12px;background:#0d1512}
.article ol,.article ul{padding-left:24px}
.article li{margin-top:8px}
.article a:not(.btn){text-decoration:underline;text-underline-offset:4px}
.article section{scroll-margin-top:110px;margin-top:40px}
.article h2{font-size:1.65rem;line-height:1.3;margin-bottom:18px}
.article section p{font-size:1.06rem;line-height:1.85;color:#d1d1d1;margin-bottom:20px}
.article-cta{margin:48px 0;padding:28px;border-left:3px solid var(--neon);background:#0d1813;border-radius:0 12px 12px 0}
.article-cta p{margin-bottom:20px;color:var(--text-muted)}
.related,.source-note{margin-top:32px}.source-note{font-size:.9rem;color:var(--text-muted)}
.blog-footer{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;color:var(--text-muted)}
a:focus-visible{outline:2px solid var(--neon);outline-offset:5px}
.skip-link{position:fixed;top:-100px;left:16px;background:#10b981;color:#050505;padding:12px;z-index:2000}.skip-link:focus{top:12px}
@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-nav{gap:16px}.blog-nav>a:first-child{display:none}.blog-main{padding-top:120px}.blog-card{padding:24px}}
@media(max-width:480px){.blog-page .logo span{font-size:1rem}.blog-nav{gap:12px}.blog-nav .btn{padding:8px 10px;font-size:.75rem}.blog-page .logo{gap:7px}.blog-page .logo-img{width:28px;height:28px}.article-toc{padding:20px}.article-cta{padding:22px}.article-cta .btn{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}