DRAFT: Blog post title

Open with a paragraph or two — this becomes the lede at the top of the post. Body text sits in a comfortable ~720px reading column, with inline code and links styled to match.

A section heading

Write normally in Markdown: headings, lists, bold, block quotes, tables. Code blocks break out wider than the text automatically (long lines shouldn't wrap) and stay dark in both light and dark mode:

export component Hello inherits Window {
    Text { text: "Hello, world"; }
}

Images

Images default to the reading-column width — just use normal Markdown:

To let a hero shot break out wider than the text, wrap it in a figure. Use raw HTML with a real <img> inside (Markdown image syntax is not processed inside an HTML block):

For an edge-to-edge, full-bleed image, use class="full":

The same wrappers work around a click-through link or a <video>:

Rule of thumb: keep images at text width by default; reach for wide (or full) only for a genuine hero shot. Code blocks are wide automatically because that width is functional, not decorative.