body {
  max-width: 40em;
  margin: 0 auto;
  padding: 5px;
  font-family: Georgia, serif;
  font-size: 18px;
  line-height: 1.6em;
  color: black;
}
h1, h2, h3 {
  font-family: sans-serif;
  font-weight: normal;
}
.note { font-size: 0.6em; }

#comments input[type=text], #comments input[type=email], #comments textarea { width: 100%; font: inherit; padding: 4px; box-sizing: border-box; }
#comments button { font: inherit; padding: 4px 12px; }
.comments { list-style: none; padding: 0; }
.comments li { margin-bottom: 1.5em; }
table { border-collapse: collapse; width: 100%; font-size: 0.85em; display: block; overflow-x: auto; }
th, td { border: 1px solid #ccc; padding: 4px 8px; text-align: left; vertical-align: top; }
th { background: #f3f3f3; }