button:focus,
a:focus {
  outline: 3px solid #b48a20;
  outline-offset: 3px;
}
@supports selector(:focus-visible) {
  button:focus:not(:focus-visible),
  a:focus:not(:focus-visible) {
    outline: none;
  }
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}

/* Page headings receive focus for navigation announcements, without a visual ring. */
h1[tabindex='-1']:focus,
dialog:focus {
  outline: none;
}
