/* Only non-interactive route targets, never links, buttons or form controls. */
html[data-rk-input-mode="pointer"] :where(h1, h2, main)[tabindex="-1"]:focus {
  outline: none;
}

html[data-rk-input-mode="keyboard"] :where(h1, h2, main)[tabindex="-1"]:focus {
  outline: 2px solid #2563eb;
  outline-offset: 4px;
}

@media (forced-colors: active) {
  html[data-rk-input-mode="keyboard"] :where(h1, h2, main)[tabindex="-1"]:focus {
    outline-color: Highlight;
  }
}