Site: the user guide (phase 2): the basics, one page per App, Settings and Updates

Eleven pages under /guide/, written from the README, the milestone documents
and the Apps' own source: the keys, the Launcher, the Status Bar and the first
start; the LoRa Scanner, GNSS, Gemini, IRC, Wi-Fi tools, Notes, Storage and
System; Settings (with Wi-Fi) and Updates. Real screenshots where the site has
them, a Guide link in the navigation, and the home page points to it.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EhqxQ49eCju4CzKYNjZzwT

site/static/css/site.css

@@ -232,3 +232,13 @@ footer small { display: block; max-width: 760px; }
 .accent-link { color: var(--cyantext); text-decoration: underline; text-underline-offset: 4px; }
 .page > header { display: flex; flex-direction: column; gap: 12px; }
 .page .lead { max-width: 720px; }
+
+/* The user guide */
+.pager { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
+.card h2 { font-size: 24px; line-height: 28px; }
+.card h2 a { color: inherit; text-decoration: none; }
+.card h2 a:hover, .card h2 a:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
+.eyebrow a { color: inherit; }
+.prose kbd { font: 500 13px/16px var(--mono); background: var(--s2); padding: 1px 6px; border: 1px solid var(--line); }
+.prose .note { background: var(--s2); padding: 16px 20px; }
+.prose h3 { margin-top: 12px; }