body {
  padding: 2em;
  background-color: #dfd;
}

#need-js + div {
  display: none;
}
code {
  background-color: #eee;
  padding: 0 0.1em;
}

table {
    border-collapse: collapse;
    width: 80%;
    max-width: 600px;
    margin: 20px auto;
}
th, td {
    border: 1px solid #333;
    padding: 0.2em;
    text-align: center;
}
th {
    background-color: #f2f2f2;
}
td {
  background-color: #fdfdfd;
}

caption {
    font-size: 1.2em;
    margin-bottom: 10px;
}

figure {
  width: 720px;
  margin: 0.5em auto;
  border: 1px solid black;
  border-radius: 0.5em;
  padding: 0.5em;
  background-color: #f8f8f8;
}

figure img {
  width: inherit;
  height: auto;
}
figure figcaption {
  text-align: justify;
}
#footnotes {
  background-color: #eff;
  margin-top: -0.5em;
  padding: 0.5em;
}

.fn-ref a {
  text-decoration: none;
}

.fn-ref a:hover {
  font-weight: 900;
  font-size: 1.3em;
}

.fn-def > span:first-child {
  margin-right: 0.5em;
}

/* Useful for dingbat style
.fn-def-num {
  font-family: ui-monospace, monospace;
}
*/