:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid #55d6ff !important;
  outline-offset: 3px;
}

.file-picker:focus-within {
  outline: 3px solid #55d6ff;
  outline-offset: 3px;
}

.page-shell:focus {
  outline: 3px solid #55d6ff;
  outline-offset: 0.5rem;
}

@media (forced-colors: active) {
  :where(a, button, input, select, textarea, [tabindex]):focus-visible,
  .file-picker:focus-within,
  .page-shell:focus {
    outline: 3px solid Highlight !important;
    outline-offset: 3px;
  }
}