Better contact, grammar changes, etc.

static/style.css

@@ -60,13 +60,19 @@ body {
 /* ── Navigation ──────────────────────────────────────── */
 #preamble nav {
   display: flex;
-  gap: 1.5rem;
+  justify-content: space-between;
+  align-items: center;
   padding: 1.25rem 0;
   border-bottom: 1px solid var(--border);
   margin-bottom: 2.5rem;
 }
 
-#preamble nav a {
+.nav-links {
+  display: flex;
+  gap: 1.5rem;
+}
+
+.nav-links a {
   color: var(--fg);
   text-decoration: none;
   font-weight: 500;
@@ -74,7 +80,14 @@ body {
   letter-spacing: 0.01em;
 }
 
-#preamble nav a:hover { color: var(--accent); }
+.nav-links a:hover { color: var(--accent); }
+
+.nav-contact {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 0.25rem;
+}
 
 /* ── Content ─────────────────────────────────────────── */
 #content {
@@ -192,3 +205,21 @@ th {
 }
 .tag { display: none; }
 #table-of-contents { margin-bottom: 2rem; }
+
+/* ── Contact links ───────────────────────────────────── */
+.contact-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.45rem;
+  color: var(--muted);
+  text-decoration: none;
+  font-size: 0.85rem;
+}
+
+.contact-link svg {
+  width: 1em;
+  height: 1em;
+  flex-shrink: 0;
+}
+
+.contact-link:hover { color: var(--accent); }