/*
 * 키보드로 이동할 때만 보이는 포커스 테두리 (기존 사이트에 없던 것 — 우리가 추가).
 *
 * 기존 CSS 는 입력칸·버튼의 포커스 테두리를 없앤다 (reset.css: input, textarea, button, select { outline: 0 } 등).
 * 그래서 Tab 으로 이동하면 지금 어디에 있는지 보이지 않았다.
 *
 * html[data-keyboard-nav] 는 Tab 을 누르면 붙고 마우스·터치를 쓰면 떨어진다 (components/common/KeyboardActivation.tsx).
 * 입력칸은 마우스로 눌러도 :focus-visible 이 되기 때문에 그것만으로는 구분이 안 된다.
 * 이 표시가 있을 때의 :focus 에만 그린다 — 마우스로 쓰는 화면은 그대로다.
 */
html[data-keyboard-nav] :focus {
  outline: 2px solid Highlight !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: 2px;
}