.blog-article {
      max-width: 68ch;
      margin: 0 auto;
      padding: 4rem 1.25rem;
    }
    .blog-article h1 {
      font-size: 2.5rem;
      margin-bottom: 1rem;
      color: var(--fs-brand);
    }
    .blog-meta {
      color: #2A4A3A;
      margin-bottom: 2rem;
      font-size: 0.9rem;
    }
    .blog-article h2 {
      font-size: 1.5rem;
      margin-top: 2rem;
      margin-bottom: 1rem;
      color: var(--fs-brand);
    }
    .blog-article h3 {
      font-size: 1.25rem;
      margin-top: 1.5rem;
      margin-bottom: 0.5rem;
      color: var(--fs-brand);
    }
    .blog-article p {
      line-height: 1.8;
      margin-bottom: 1.25rem;
      color: #0F1F16;
    }
    .blog-article ul, .blog-article ol {
      margin-bottom: 1.25rem;
      padding-left: 1.5rem;
    }
    .blog-article li {
      line-height: 1.8;
      margin-bottom: 0.5rem;
    }
    .blog-article pre {
      background: #1A2320;
      padding: 1.25rem;
      border-radius: 0.5rem;
      overflow-x: auto;
      margin-bottom: 1.25rem;
    }
    .blog-article code {
      font-family: 'IBM Plex Mono', monospace;
      font-size: 0.9em;
    }
    .blog-article pre code {
      color: #E0EBE5;
    }
    .blog-article p code {
      background: #F0F5F2;
      padding: 0.2em 0.4em;
      border-radius: 3px;
    }
    .blog-article strong {
      color: var(--fs-brand);
    }
    .blog-article a {
      color: var(--fs-brand);
    }
    .blog-article hr {
      border: none;
      border-top: 1px solid #E8F0EB;
      margin: 2rem 0;
    }
    .blog-cta {
      background: rgba(45,122,95,0.08);
      padding: 1.5rem;
      border-radius: 0.75rem;
      text-align: center;
      margin-top: 2rem;
    }
    .back-link {
      display: inline-block;
      margin-bottom: 1.5rem;
      color: #2A4A3A;
      text-decoration: none;
    }
    .back-link:hover {
      color: var(--fs-brand);
    }