/* Tap targets (touch screens): a text link or a small button also answers a little around its text — Apple asks for
   about 44pt under a finger. The extra area is an invisible ::after, so nothing on the page moves. Where links sit side
   by side (the menu, "Impressum · Privacy") it stays under half the gap, so neighbours never overlap.
   Desktop is untouched. */
@media (pointer:coarse){
  /* the pseudo-element needs a positioned parent; .home .cap/.go are positioned already */
  :is(.hdr a, .foot a, .proofline a, .doc a, .ask a, .sr-sheetbtn, .sr-foot a){position:relative}
  :is(.hdr a, .home .cap, .home .go, .foot a, .proofline a, .doc a, .ask a, .sr-sheetbtn, .sr-foot a)::after{content:"";position:absolute;inset:-12px -10px}
  .hdr nav a::after{inset:-14px -6px}   /* the menu items are 14px apart */
  .hdr .brand::after{inset:-14px -10px}
}