site: 44px tap targets for nav and entry titles on touch (batch D)

On a coarse pointer, the top nav links and the entry title links get
12px of vertical padding. On an inline link this grows the hit area
without changing the line box: in a 375px touch emulation the links
go from 20px to 44px tall and the card height stays 240px. The title
is lifted (z-index 1, below the sticky controls at 20 and the to-top
button at 30) so the summary line does not paint over its lower half.
Checked by elementFromPoint across the full 44px band.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Wc67NX9MM964uaVGn4bpZJ

Author: TMHSDigital

site/public/styles.css

@@ -635,6 +635,22 @@ input:focus-visible {
   text-decoration: underline;
 }
 
+/* Touch screens: the nav and the entry titles are the main tap targets but are
+   one line of text tall. Vertical padding on an inline link grows the hit area
+   to 44px without changing the line box, so the layout does not move. The
+   title is lifted so the summary below does not paint over its lower half. */
+@media (pointer: coarse) {
+  .topnav a,
+  .entry-top h3 a {
+    padding-block: 12px;
+  }
+
+  .entry-top h3 a {
+    position: relative;
+    z-index: 1;
+  }
+}
+
 .entry-links {
   display: flex;
   flex-wrap: wrap;