Add app-shell heading and skip link (WCAG 2.4.1 / GOV.UK)

src/app/App.module.css

@@ -16,11 +16,38 @@
 }
 
 .title {
+  margin: 0; /* it's an <h1> now — drop the UA heading margin */
   font-weight: 600;
   font-size: 16px;
   letter-spacing: 0.01em;
 }
 
+/*
+ * Skip link — visually hidden until focused, then pinned top-left above
+ * everything. Reveal uses :focus (not only :focus-visible) so a keyboard Tab
+ * shows it; the transition is neutralized under prefers-reduced-motion by base.css.
+ */
+.skipLink {
+  position: absolute;
+  top: -100%;
+  left: var(--space-4);
+  z-index: 1200;
+  padding: var(--space-3) var(--space-4);
+  background: var(--accent);
+  color: var(--accent-contrast);
+  border-radius: var(--radius);
+  transition: top var(--dur-fast) var(--ease);
+}
+
+.skipLink:focus {
+  top: var(--space-3);
+}
+
+/* The focus target itself shouldn't paint a ring (the skip link already shows). */
+.panes:focus {
+  outline: none;
+}
+
 .version {
   font-family: var(--font-mono);
   font-size: 11px;