body {
    font-family: monospace;
    margin: 2em;
}

table {
    border-collapse: collapse;
}

td,
th {
    border: 1px solid #999;
    padding: 0.4em 0.8em;
    text-align: left;
}

th[data-sort] {
    cursor: pointer;
}

th[data-direction="asc"]::after {
    content: " \25B4";
}

th[data-direction="desc"]::after {
    content: " \25BE";
}

tr.group td {
    background: #eee;
    font-weight: bold;
}

#search {
    font: inherit;
    margin-bottom: 1em;
    width: 24em;
}

footer {
    border-top: 1px solid #999;
    color: #555;
    font-size: 0.85em;
    margin-top: 3em;
    max-width: 60em;
    padding-top: 1em;
}