@media print {
  nav {
    display: none;
  }
}

@media screen {
  body {
    background-color: light-dark(#eed, #112);
    color: light-dark(#112, #eed);
    margin: 0 auto;
    max-width: 72ex;
    padding: 1em 2ex;
  }
  nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  nav li {
    display: inline;
    margin: 0 2ex;
  }
  nav {
    margin-bottom: 2em;
    text-align: center;
  }
  tr.even td, tr.header th, pre, .sourceCode, code {
    background-color: light-dark(#ddc, #223);
  }
  blockquote {
    border-left: 2px solid light-dark(#ddc, #223);
    font-style: italic;
    margin: 0 2ex;
    padding-left: 2ex;
  }
}

ul.tags {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.tags li {
  display: inline;
  font-style: italic;
}

code {
  padding: 0.25em 0.5ex;
  white-space: nowrap;
}
pre code {
  padding: 0;
  white-space: pre;
}
pre {
  min-width: max-content;
  padding: 1em 2ex;
}

dt {
  margin-bottom: 0.5em;
  margin-top: 1.5em;
}
dt span.date {
  float: right;
}

figure {
  text-align: center;
}
img, video {
  max-width: 100%;
}

table {
  border-collapse: collapse;
  margin: 1em 0;
  width: 100%;
}
th {
  white-space: nowrap;
}
th, td {
  padding: 0.25em 1ex;
}