Use `:focus-visible` instead of `:focus` in stylesheets

We should use :focus-visible instead of :focus to style the tabs on focus. This pseudoclass is only true when focus is gained via keyboard navigation, not by any other method, and is how focus is handled on native elements, like buttons and links.

This isn't supported in Safari, so we need to perform some acrobatics to keep the old styles working in that browser.

button:focus {
  /* our focus styles */
}

button:focus:not(:focus-visible) {
  /* UNDO our focus styles */
}

Read more:

• https://css-tricks.com/almanac/selectors/f/focus-visible/
• https://www.tpgi.com/focus-visible-and-backwards-compatibility/

Inizia individuando i fogli di stile delle schede e le regole :focus esistenti menzionate dall’issue. Verifica il comportamento attuale del focus con interazioni da tastiera e con il puntatore, incluso Safari, e considera gli articoli collegati per il pattern di compatibilità; il lavoro è completato quando il focus da tastiera mantiene uno stile visibile, mentre il focus del puntatore non mostra inutilmente gli stili precedenti.