/* Keyboard navigation (keyboard_controller): the item j / k landed on, ringed like focus; a
/* list row sits on the muted wash a selected table row has, its ring drawn inside it. */
@layer ui {
  [data-keyboard-current] {
    border-radius: var(--radius-sm);
    box-shadow: var(--ring-focus);
    outline: 1px solid var(--ring);
    outline-offset: 0;
  }

  tr[data-keyboard-current],
  li[data-keyboard-current] {
    background-color: var(--muted);
    box-shadow: none;
    outline-offset: -1px;
  }
}