body {
    font-family: serif;
    font-size: 1rem;
    background: #fff;
    color: #000;
    max-width: 70ch;
    margin: 2rem auto;
    padding: 0 1rem;
}

h1 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
}

p.description {
    margin: 0.25rem 0 0.75rem 0;
    color: #333;
}

hr {
    border: none;
    border-top: 1px solid #999;
    margin: 0.5rem 0;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th {
    text-align: left;
    font-size: 0.85rem;
    font-family: monospace;
    padding: 0.2rem 0.4rem;
    border-bottom: 1px solid #999;
}

td {
    padding: 0.2rem 0.4rem;
    vertical-align: middle;
}

tr.even td {
    background: #f0f0f0;
}

.indexcolicon {
    width: 20px;
}

.indexcolname a {
    color: #00e;
}

.indexcolname a:visited {
    color: #551a8b;
}

.indexcollastmod,
.indexcolsize {
    white-space: nowrap;
    font-family: monospace;
    font-size: 0.85rem;
    color: #444;
}

.indexcolsize {
    text-align: right;
}

footer {
    margin-top: 1rem;
    font-size: 0.8rem;
    color: #666;
}

@media (max-width: 55ch) { .indexcollastmod { display: none; } }
@media (max-width: 40ch) { .indexcolsize { display: none; } }