@import url("https://fonts.googleapis.com/css?family=ABeeZee");
body, table, input {
  font-family: "ABeeZee", sans-serif;
  font-size: 1rem; }

h1 {
  font-size: 1.8rem; }

h2 {
  font-size: 1.6rem; }

h3 {
  font-size: 1.4rem; }

h4 {
  font-size: 1.2rem; }

p {
  margin: 0.2em 0; }

a[href] {
  text-decoration-line: none;
  color: green; }
  a[href].dead {
    color: red; }
  a[href].external {
    color: mediumblue; }

.labels label {
  margin-right: 0.25em;
  font-family: monospace;
  background-color: silver;
  padding: 0.1em 0.25em;
  border-radius: 5px; }

ul, ol {
  padding: 0; }
  ul li, ol li {
    margin-left: 1.2rem; }
  ul.checklist p, ol.checklist p {
    display: table; }
  ul.checklist.horizontal, ol.checklist.horizontal {
    display: flex; }
    ul.checklist.horizontal li + li, ol.checklist.horizontal li + li {
      margin-left: 1.2rem; }
  ul.checklist li.checkbox, ol.checklist li.checkbox {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    margin-left: 0; }
    ul.checklist li.checkbox > .column.checkbox, ol.checklist li.checkbox > .column.checkbox {
      min-width: 1.2rem;
      text-align: left; }
      ul.checklist li.checkbox > .column.checkbox > input[type="checkbox"], ol.checklist li.checkbox > .column.checkbox > input[type="checkbox"] {
        margin-right: 0;
        margin-left: 0;
        display: inline-block;
        vertical-align: sub; }

ol.checklist li > .content.column {
  display: list-item;
  list-style-type: decimal;
  margin-left: 1.2rem; }

header ul {
  padding: 0; }
  header ul li {
    display: inline-block;
    border: 1px solid black;
    padding: 0 0.25em;
    margin: 0.25em; }