.blog-article { max-width: 760px; margin: 0 auto; padding: 60px 0 80px; }
.blog-article h2 { font-size: 1.9rem; margin-bottom: 10px; }
.blog-article .blog-meta { font-family: var(--mono); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin-bottom: 36px; }
.blog-article p { font-size: .95rem; line-height: 1.8; color: var(--muted); margin-bottom: 18px; }
.blog-article h3 { font-size: 1.25rem; margin: 36px 0 12px; color: var(--text); }
.blog-article h5 { font-size: .82rem; font-family: var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--green); margin: 28px 0 6px; }
.blog-article ul { padding-left: 20px; margin-bottom: 18px; }
.blog-article ul li { font-size: .93rem; color: var(--muted); line-height: 1.7; margin-bottom: 6px; }
.blog-hero-img { width: 100%; height: 340px; object-fit: cover; border-radius: var(--r-lg); margin-bottom: 40px; }
.blog-back { display: inline-flex; align-items: center; gap: 6px; font-size: .85rem; color: var(--muted); margin-bottom: 36px; text-decoration: none; font-family: var(--mono); letter-spacing: .04em; }
.blog-back:hover { color: var(--green); }
.blog-back::before { content: "←"; }
.blog-cta { background: rgba(132,195,66,.08); border: 1px solid rgba(132,195,66,.25); border-radius: var(--r-lg); padding: 28px 32px; margin-top: 48px; }
.blog-cta p { margin-bottom: 16px; }