Paragraphs are paragraphs. Bold works, and so do links, which pick up the site's red. A blank line starts a new paragraph.

• Lists are bullet lists

• A bold lead-in, followed by the rest of the point

  • Nested lists work too

Math is written between dollar signs. Inline, the loop invariant $0\le i\le n$ sits in the sentence. Display math takes a line of its own:

$$\forall i\in [0,n)\text{arr}[i]=e⟺\text{result}$$

And something with a fraction and a sum, to check the type sits well against Formular:

$${\hat{p}}_k=\frac{1}{N}\sum _{j=1}^{N}1[\exists s\le k:\text{verified}(x_j,s)]$$

Write ### Heading {glyphs} and it becomes the row with the three shapes.

Fenced code with the verus language gets the highlighted card:

A chart is one line, {% chart "part3-fig1" %}, and it comes with the mobile card:

Raw HTML passes straight through, so anything that needs a custom embed can have one. This is a plain HTML block:

An image on its own line sits in the text column at its natural width, capped to the column:



For control over width and a caption, use the figure shortcode. Widths are column (the text column), wide (1200px) and full (edge to edge):

Embeds take an explicit height and a width, which is what an animated dashboard needs. Same-origin charts still auto-fit; anything hosted elsewhere keeps the height you give it. On phones an embed becomes a tap-to-open card by default, or set mobile: "inline" to keep it in the page:

A canvas or any script-driven piece can be written straight into the file as HTML, sized by its own attributes:

A line with three dashes starts a new section, which is the larger gap you see above this heading.