Article CSS

Every article ships three content fields:

contentHtml — fully styled standalone HTML
contentRawHtml — unstyled HTML for CMS injection
contentCss — scoped CSS bundle

Scope contract

Every rule in contentCss is prefixed with .earlyseo-article. This means the CSS cannot leak into the rest of your site styles — even if you inject the bundle at the top of your <head>.

Embedding pattern

<style>{article.contentCss}</style>
<article className="earlyseo-article" dangerouslySetInnerHTML={{ __html: article.contentHtml }} />

Overriding safely

Add your own rules after contentCss, also scoped:

.earlyseo-article h2 { font-family: var(--your-display-font); }