/* Back navigation, on every page except the index.
 *
 * One stylesheet rather than a style block per page: there are thirty-nine of them and they
 * range from a full layout to a bare <h1> and a <pre>, so anything edited into each one
 * would have thirty-nine slightly different versions within a month.
 *
 * The link points at "./" rather than "index.html". Both work, but on pehr.net a .html URL
 * is answered by the site-wide suffix redirect, so index.html would cost every visitor a
 * 301 on the way home. "./" resolves to the directory either way - the web root on the dev
 * server, /games/sound-play/ when deployed - which is the same reason favicon.svg is
 * referenced relatively.
 */
.backnav {
  display: inline-block;
  font: 500 .8rem/1 system-ui, -apple-system, sans-serif;
  color: #64748b;
  text-decoration: none;
  padding: .32rem .6rem .32rem .45rem;
  margin: 0 0 .75rem;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #fff;
}
.backnav:hover, .backnav:focus-visible {
  color: #0e7490;
  border-color: #0891b2;
  background: #ecfeff;
}