body {
    max-width: 70ch;
    margin: 0 auto;
    padding: 2rem 1rem;
    background: #111;
    color: #ccc;
    font: 15px/1.6 ui-monospace, Menlo, Consolas, "DejaVu Sans Mono", monospace;
}
a { color: #8ab4f8; }
a:visited { color: #c58af9; }
img { float: left; margin: 0 1.25rem 1rem 0; }
h1, h2 { color: #eee; font-size: 1em; }
h1 { margin: 0.5rem 0 0; }
h2 { margin: 2rem 0 0.5rem; }
header { overflow: hidden; }
header p { margin: 0; }
hr { border: 0; border-top: 1px solid #333; margin: 2rem 0 1rem; }
table { border-collapse: collapse; }
td { padding: 0 2ch 1rem 0; vertical-align: top; }
td:first-child { width: 19ch; white-space: nowrap; color: #888; }
small { font-size: 1em; color: #999; }
tr.divider td { width: auto; white-space: normal; padding: 1rem 0; border-top: 1px dashed #333; color: #777; }
.nowrap { white-space: nowrap; }
footer { color: #777; }

@media (max-width: 40rem) {
    td { display: block; padding: 0; }
    td + td { padding-bottom: 1rem; }
    tr.divider td { padding: 1rem 0; }
}