html {
    font-family: "Helvetica", sans-serif;
    font-size: 1.25em;
    letter-spacing: -0.01em;
    line-height: 1.4;
}

body {
  max-width: 800px;
  margin: auto;
  padding: 5%;
}

div#main {
  column-count: 2;
  display: inline-block;
}

a {
  color: #666;
  text-decoration: none;
  cursor: pointer;
}

a:hover, a.active {
  color: #333;
}

table {
  border-collapse: collapse;
  font-size: inherit;
}

td, th, table {
  border-bottom: 1px solid grey;
  text-align: left;
  padding: 5px;
  font-size: inherit;
}

ul {
  margin-top: 0;
}

p {
  margin-bottom: 0;
}

div.section {
  display: inline-block;
  width: 100%
}

span.period {
  color: #666;
  font-size: 0.85em;
}

.severity-3, .severity-4, .severity-5 {
 color: red; 
}