Getting started

# Page title

Lead paragraph. Use plain `<p>` for prose, `<strong>` for emphasis, `<em>` for italics, and `<code>` for inline code or identifiers. Links look like this cross-link.

Callout
An info callout. Swap the class for `callout-warning` or `callout-success` to change the tone.

## A section heading

Every `<h2>` and `<h3>` in this content area is automatically listed in the “On this page” panel on the right (the script reads the headings on load).

A card
Card grid for linking out to related pages or actions.
Another card
Cards wrap responsively and flip with the theme.

## Lists and tables

- An unordered list item.
- Another item, with `inline code`.

1. First ordered step.
2. Second ordered step.

Field | What it does
--- | ---
Example | Tables render with the docs theme automatically.
Another | Keep cells short for readability.

## Code blocks

Wrap multi-line code in `<pre><code>`:

    npm install
    npm run dev

### A sub-section

Use `<h3>` for nested headings — they indent under their parent in the on-this-page list.