web: the whole step is the road, not just its title

Clicking anywhere in a dimmed article glides it to the centre and so,
through the observer, switches the recording. Three guards keep the
click meaning navigation: the active step does not react (clicks there
are for reading and selecting, not going where you already are), a
selection is not a click, and a link is a link. The pointer cursor and
the title's breath of pink now belong to dimmed steps only -- the
active one is just prose.

1 files changed, 5 insertions, 4 deletions

diff --git a/web/site.css b/web/site.css
index e4c9d7a..0005a72 100644
--- a/web/site.css
+++ b/web/site.css
@@ -458,17 +458,18 @@ section > p:last-child { margin-bottom: 0; }
 .step:not(:first-child):not(:last-child) { scroll-snap-align: center; }
 .step.active { opacity: 1; }
 
+/* A dimmed step is clickable everywhere -- the whole article glides itself
+ * to the centre, where it activates. The active one is just prose. */
+.step:not(.active) { cursor: pointer; }
+.step:not(.active):hover h3 { color: var(--pink); }
+
 .step h3 {
   margin: 0;
   color: var(--fg);
   font-size: clamp(1.4rem, 2.2vw, 1.9rem);
   font-weight: 650;
   line-height: 1.25;
-  /* Clickable: the title glides its step to the centre, where it activates.
-   * The pointer and a breath of pink say so. */
-  cursor: pointer;
 }
-.step h3:hover { color: var(--pink); }
 
 .step p {
   margin: 0.8rem 0 0;