* {
  box-sizing: border-box;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Neither inherits colour on its own: a link takes the UA's link colour and a
   button takes `buttontext`. Both would ignore the editor's palette — and the
   focus ring below is drawn in currentColor, so an uninherited colour would put
   a black ring on an arbitrary background. */
a,
button {
  color: inherit;
}

/* Templates set --page-fg / --page-bg per page and per language, so a fixed
   browser focus colour can land on an arbitrary background. currentColor ties
   the ring to the text colour, which the appearance blueprint already requires
   the editor to keep at 4.5:1 against the background.

   Every focusable thing, not just links: the slideshow adds arrow buttons and a
   keyboard-scrollable track, and a ring that is only defined for <a> would
   leave those two on the browser default over an arbitrary palette. */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}