/* --- tap targets: standalone links below 24px (WCAG 2.2 SC 2.5.8) --- */
@media (max-width: 820px) {
  footer a { padding-block: 0.4rem; }
  /* the network line is a whole paragraph that is one link, not a link inside
     prose, so the inline exemption does not apply to it */
  a[href*="globalknowledgegraph.com"] { padding-block: 0.4rem; }
  /* padding alone makes adjacent one-link lines collide, so the rows they sit on
     are given matching separation — an enlarged target that overlaps its
     neighbour trades one mis-tap for another */
  footer p, footer li { margin-block: 0.35rem; }
  footer nav a, footer .flex a { margin-block: 0.15rem; }
}