.announce-bar {
  position: sticky;
  top: 0;
  z-index: 1100;
  width: 100%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.blog-container { max-width: 800px; margin: 64px auto; padding: 0 24px; }
.blog-content h2 { margin: 40px 0 20px; font-size: 2rem; color: var(--dark); }
.blog-content p { margin-bottom: 24px; font-size: 1rem; color: var(--muted); line-height: 1.8; }
.blog-content ul { margin-bottom: 24px; padding-left: 20px; }
.blog-content li { margin-bottom: 12px; font-size: 1.1rem; color: var(--muted); list-style: disc; }
.blog-content a { color: var(--accent); text-decoration: underline; font-weight: 400!important; }
.blog-content a:hover { color: var(--dark); text-decoration: underline;  }
.blog-content .btn { color: var(--white); text-decoration: none; }
.blog-content .btn:hover { color: var(--white); }
.inline-cta { 
  background: var(--bg2); 
  border: 1px solid var(--border); 
  padding: 32px; 
  border-radius: var(--radius-lg); 
  text-align: center; 
  margin: 48px 0;
  text-decoration: none;
}

.inline-cta h3 { margin-top: 0; margin-bottom: 12px; font-size: 1.5rem; color: var(--dark); }
.inline-cta p { margin-bottom: 24px; font-size: 1rem; color: var(--muted); }
.blog-hero { padding: 80px 24px; text-align: center; background: var(--white); border-bottom: 1px solid var(--border); }
@media (max-width: 768px) {
  .blog-hero h1 { font-size: 2rem; }
  .blog-content h2 { font-size: 1.25rem; margin: 32px 0 16px; }
}