body {
  font-size: 18px;
  font-family: 'Lato', sans-serif;
}

body > main {
  margin: 3em auto;
  max-width: 30em;
}

a {
  color: unset;
}

a:hover,
a:focus {
  color: darkblue;
}

.annotationBody {
  border: #999 1px solid;
  border-radius: 10px;
  box-shadow: 10px 10px 10px #9996;
  margin: 10px 0px;
  padding: 10px 40px 10px 20px;
  background-color: lightyellow;
}

.targets {
  list-style: none;
}

.textquote {
  padding: 0 1em;
  margin-top: 0.4em;
}
.textquote mark {
  background: #ff99;
}
.textquote::before {
  content: open-quote;
}
.textquote::after {
  content: close-quote;
}

.small {
  font-size: smaller;
}

.large {
  font-size: larger;
}

a.plainlink {
  text-decoration: none;
  color: unset;
}

.infobox {
  margin: 3em 0;
  padding: 1em;
  background: #f8f8f8;
}

details > summary {
  cursor: pointer;
}