#risks {
  vertical-align: top;
  border-collapse: separate;
  border-spacing: 0.25em;
}
#safe p, #comfort p, #discomfort p, #danger p {
  font-size: 90%;
  padding: 0.5em 1em;
}

#risks td {
  width: 25%;
  vertical-align: top;
}

#safe { background-color: #9ae07c; }
#comfort { background-color: #dfef87; }
#discomfort { background-color: #fcd43e; }
#danger { background-color: #ea6053; }

#risks h2 {
  padding-top: 0.75em;
  text-align: center;
}

.chart { float: left; width: 200px; margin-right: 20px; }
.chart img { border: 1px solid red; }
.category {
  clear: both;
  border-bottom: 1px solid #DDD;
  padding-bottom: 2em;
}

.score {
  font-size: 200%;
  bottom: 20px;
  text-align: center;
  width: 100%;
}