/* Native mobile tap rectangles ignore pill/circle outlines in some browsers.
   Keep keyboard focus and text selection; paint command feedback inside its
   existing border radius, with no overlay or persistent JS state. */
:where(button, a.btn, a.edu-button, a[role="button"], .site-main-nav__link,
       input[type="button"], input[type="submit"], input[type="reset"], summary):focus-visible {
  outline: 2px solid var(--au-violet, #7562ee) !important;
  outline-offset: 3px;
}

html,
:where(button, a.btn, a.edu-button, a[role="button"], .site-main-nav__link,
       input[type="button"], input[type="submit"], input[type="reset"], summary) {
  -webkit-tap-highlight-color: transparent;
}

:where(button, a.btn, a.edu-button, a[role="button"], .site-main-nav__link,
       input[type="button"], input[type="submit"], input[type="reset"], summary):not(:disabled):not([aria-disabled="true"]):not([class*="backdrop"]):active {
  box-shadow: inset 0 0 0 2px rgba(130, 170, 255, .4),
              inset 0 0 0 100vmax rgba(130, 170, 255, .14) !important;
}