.passive-link a,
.passive-link a:hover {
  color: inherit;
  text-decoration: none;
}

header {
  padding: var(--size-space);
  background: #fdfdfd url(../images/header-background.webp) no-repeat center center / cover;
  color: #3d3d3d;
  text-align: center;
}

header h1 {
  margin: 0;
}

header h1 a {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background: url(../images/tmpapi-logo.svg) no-repeat center / contain;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}

header a {
  display: inline-block;
  padding: var(--size-space-small);
  color: inherit;
}

header a:hover {
  color: inherit;
}

footer {
  padding: var(--size-space);
  font-size: var(--size-text-small);
  text-align: center;
}

footer a {
  display: inline-block;
  padding: var(--size-space-small);
  color: inherit;
}

footer a:hover {
  color: inherit;
}

main {
  padding: var(--size-space);
}

main article {
  max-width: 1024px;
  margin: 0 auto;
}

body[data-mode="reader"] header h1,
body[data-mode="reader"] footer {
  display: none;
}