/* Instant pointer feedback without moving controls or changing their hit areas. */
@media (hover:hover) and (pointer:fine){
  :where(button,[role="button"],[role="tab"],summary,a[href],input[type="button"],input[type="submit"],input[type="reset"],input[type="checkbox"],input[type="radio"],select):not(:disabled):not([aria-disabled="true"]):not([aria-disabled="true"] *):hover{
    outline:2px solid #ffe2a0!important;
    outline-offset:1px!important;
    box-shadow:inset 0 0 0 1px #fff5cfb3,0 0 8px 2px #ffd37599!important;
    filter:brightness(1.14)!important;
    cursor:pointer;
  }
}
:where(button,[role="button"],[role="tab"],summary,a[href],input[type="button"],input[type="submit"],input[type="reset"],input[type="checkbox"],input[type="radio"],select):not(:disabled):not([aria-disabled="true"]):not([aria-disabled="true"] *):focus-visible{
  outline:3px solid #f1c465!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 4px #20483f,0 0 9px 3px #ffd37599!important;
}