/*
 * Touch screens (phones, and the iPhone Duo folded or open): small links get a tap area of 44px or more.
 * Each one gets vertical padding and a matching negative margin, so the tap area grows but nothing on the page moves.
 * Mouse and trackpad users see no change.
 */
@media (pointer: coarse) {
  header > a:first-child,
  header nav[data-m="hide"] a,
  header [data-lang-switch]:not([data-m]),
  .cc-crumb,
  .iq-crumb a,
  .iq-tools-nav a {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  header [data-lang-switch]:not([data-m]) { padding-left: 6px !important; padding-right: 6px !important; }
  /* Footer links sit close together, so they get a smaller margin of room: at least 24px tall each. */
  footer a,
  .cc-trust a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
}
