/* Shared by every page and viewport. Keyboard focus uses an underline. */
:focus { outline: none !important; outline-offset: 0; }
:where(a,button,input,textarea,select,summary,[tabindex]) {
  -webkit-tap-highlight-color: transparent;
}
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible {
  box-shadow: inset 0 -2px 0 var(--focus);
}
html[data-input-method="pointer"] :focus { box-shadow: none; }
main:focus-visible,.chapter-section:focus-visible { box-shadow: none; }
@media (forced-colors: active) {
  html:not([data-input-method="pointer"]) :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible {
    text-decoration: underline 2px;
    text-underline-offset: 4px;
  }
}