/* Mobile friendliness patches — tap targets & small-screen ergonomics.
   Applied site-wide after the compiled stylesheet. */

/* Menu / Close button: 44px minimum hit area without shifting layout */
button[aria-label="Open menu"],
button[aria-label="Close menu"] {
  padding: 14px 12px;
  margin: -14px -12px;
}

/* Comfortable tap targets on touch devices for text links */
@media (pointer: coarse) {
  footer a,
  footer button {
    display: inline-block;
    padding: 10px 0;
    margin: -10px 0;
  }
  footer ul a {
    display: block;
    padding: 10px 0;
    margin: -10px 0;
  }
}

/* Keep long emails/URLs from forcing horizontal overflow on tiny screens */
a[href^="mailto:"] {
  overflow-wrap: anywhere;
}