/* WCAG 2.5.8 asks standalone controls to be at least 24 by 24 CSS pixels.
   On phones the footer links, the sub-nav brand links and the back-to-top
   links render 16 to 21px tall, which is a small target for a thumb.

   min-height only grows a control, never shrinks one, and inline-flex keeps the
   text centred in the taller box, so nothing already large enough moves. Links
   sitting inline inside a sentence are exempt from the rule and are not
   touched here. */
@media (max-width: 1000px) {
  footer a[href],
  header nav a[href],
  a[href="#top"],
  a[href$="#top"],
  a[href="#main"],
  /* the name in the case study bar: an 18px tall link sitting on its own */
  a:has(.bar-name),
  /* design system footers render their own wrapper rather than a <footer> */
  [class^="scp"] a[href] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
  }
}