# Code, math & diagrams

````md
```ts title="config.ts"
export default defineConfig({ theme: { radius: "16px" } })
```

:::code-group
```bash title="pnpm"
pnpm add -D @recit/cli
```
```bash title="npm"
npm install -D @recit/cli
```
:::

Inline formula $E = mc^2$, or a block:

$$
\int_0^1 x^2\,dx = \frac{1}{3}
$$

```mermaid title="Pipeline"
graph LR
  A[Markdown] --> B[AST] --> C[HTML]
```
````

- Code is highlighted at **compile time** with Shiki (light and dark themes, configurable in
  `syntaxHighlighting`).
- Formulas are rendered by KaTeX; fonts are bundled, no CDN.
- Mermaid diagrams follow the theme and use `title="…"` as their accessible name.

<StoryEmbed slug="course" slide={6} />

<StoryEmbed slug="course" slide={7} />