Never set font-family, font-size, or font-weight on headings or body copy in a block. Astra handles the full typography scale. Overriding it creates inconsistency and mobile breakage.

Never specify body font size in a block. Body is always Montserrat 400 17px set by Astra. Never write font-size on a p tag or body-level element in block CSS.

Never import fonts in an HTML block. Astra loads them sitewide. A block-level @import causes double-loading and flash.

Specify in block CSS only: color (when it differs from the default), spacing (padding, margin, max-width), layout (grid, flexbox), and genuinely custom elements such as eyebrows, stat callouts, or decorative rules that have no theme equivalent.

Eyebrow spec is the only custom type allowed in blocks: font-size 0.85rem · font-weight 500 · text-transform uppercase · letter-spacing 0.18em · color #C3A0B8 on dark backgrounds · #EDE0E4 on Lumine backgrounds.

Use semantic HTML tags. Display statements are <h2>. Supporting text is <p>. Let the tag do the work.

Always include box-sizing: border-box. Width is always 100% on the outer element. No position, no vw tricks, no calc.

Mobile breakpoints adjust padding and max-width only. Astra scales headings. Do not re-specify font sizes in media queries unless the element is a genuinely custom type such as an eyebrow or stat callout.

Every block is one complete cut-and-paste unit. Never split a section into two blocks unless explicitly requested.