/*
 * Styles for the pre-rendered SEO/crawler content blocks that live in raw HTML
 * before React mounts. See:
 *   - scripts/generate-static-html.js  (uses .prerendered-static-content)
 *   - scripts/generate-blog-html.js    (uses .prerendered-blog-content)
 *
 * React removes the prerendered DOM elements on mount, so these styles only
 * matter for the brief no-JS / pre-hydration window and for crawlers reading
 * raw HTML.
 */

.prerendered-static-content {
  max-width: 880px;
  margin: 60px auto;
  padding: 0 24px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
  color: #1f2937;
}

.prerendered-blog-content {
  max-width: 760px;
  margin: 60px auto;
  padding: 0 20px;
  font-family: system-ui, sans-serif;
}