h2[id],
  h3[id],
  h4[id] {
    scroll-margin-top: 5rem;
  }

  .blog-content a {
    color: #e5e7eb;
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.3);
    transition: text-decoration-color 150ms ease, color 150ms ease;
  }

  .blog-content a:hover {
    color: #fff;
    text-decoration-color: #fff;
  }

  .blog-content strong {
    color: #fff;
    font-weight: 700;
  }

  .blog-content code {
    background: rgba(255, 255, 255, 0.06);
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.85em;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    color: #d1d5db;
  }

  .blog-content p,
  .blog-content li {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  }