fix(website): landing card links + keep inline code from breaking mid-token

- Add a teal 'more' link pinned to each landing feature card's
  bottom-right, pointing at the relevant doc page (modes, the SQL echo,
  undo & history, query plans, the assistive editor).
- Stop short inline code (flags like --all-rows) from breaking after a
  hyphen: white-space:nowrap on inline code only; block code in <pre>
  is unaffected and still wraps/scrolls.

website/src/content/docs/index.mdx

@@ -31,22 +31,32 @@ SQL.
 	<Card title="Two ways to work" icon="seti:db">
 		Start in **simple mode** — a friendly, keyword-based command language —
 		and switch to **advanced mode** for standard SQL whenever you are ready.
+
+		<a class="card-more" href="/getting-started/modes/">Modes →</a>
 	</Card>
 	<Card title="Learn the SQL underneath" icon="open-book">
 		Run a simple-mode command in advanced mode and the playground shows you
 		the equivalent SQL, so the bridge from concepts to SQL is always visible.
+
+		<a class="card-more" href="/getting-started/modes/#seeing-the-sql-behind-a-command">Seeing the SQL →</a>
 	</Card>
 	<Card title="Safe to experiment" icon="approve-check">
 		Every change can be undone, your work is saved as you go, and you can
 		rebuild the whole database from plain, readable files.
+
+		<a class="card-more" href="/using-the-playground/undo-and-history/">Undo and history →</a>
 	</Card>
 	<Card title="See how queries run" icon="rocket">
 		Ask the playground to explain any query and it renders the database's
 		plan as an annotated tree — so indexes and scans stop being a mystery.
+
+		<a class="card-more" href="/reference/querying-and-inspecting/#query-plans">Query plans →</a>
 	</Card>
 	<Card title="Helpful as you type" icon="pencil">
 		The input field completes commands with <kbd>Tab</kbd>, highlights
 		syntax, flags mistakes before you run them, and hints what comes next.
+
+		<a class="card-more" href="/using-the-playground/the-assistive-editor/">The assistive editor →</a>
 	</Card>
 </CardGrid>