:root {
    --bg: #fdfdfb;
    --fg: #222;
    --mute: #666;
    --line: #aaa;
    --hair: #ddd;
    --link: #0000cc;
    --vis: #551a8b;
    --hov: #c00
}

@media(prefers-color-scheme:dark) {
    :root {
        --bg: #1b1b1b;
        --fg: #e4e4e4;
        --mute: #aaa;
        --line: #666;
        --hair: #333;
        --link: #8ab4ff;
        --vis: #c3a0e8;
        --hov: #ff8a80
    }
}

html {
    background: var(--bg);
    color: var(--fg)
}

body {
    margin: 0 auto;
    padding: 12px 16px;
    max-width: 1100px;
    font: 14px/1.45 Verdana, "DejaVu Sans", sans-serif
}

h1,
h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: bold;
    margin: .3em 0 0
}

h1 {
    font-size: 1.7em
}

h2 {
    font-size: 1.3em
}

.sub {
    margin: .1em 0 .8em;
    color: var(--mute);
    font-family: Georgia, serif
}

nav {
    padding: 4px 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--hair)
}

a {
    color: var(--link)
}

a:visited {
    color: var(--vis)
}

a:hover,
a:focus {
    color: var(--hov);
    text-decoration: underline
}

a:focus-visible,
input:focus-visible,
button:focus-visible {
    outline: 2px solid var(--hov);
    outline-offset: 1px
}

form {
    margin: 8px 0
}

input,
button {
    font: inherit;
    color: inherit;
    background: var(--bg);
    border: 1px solid var(--line);
    padding: 1px 4px
}

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

th {
    text-align: left;
    border-bottom: 1px solid var(--line);
    padding: 3px 8px 3px 0
}

th a {
    font-weight: bold
}

td {
    padding: 2px 8px 2px 0;
    border-bottom: 1px solid var(--hair);
    vertical-align: top
}

tbody tr:hover {
    background: rgba(128, 128, 128, .12)
}

.i {
    display: inline-block;
    width: 1.6em;
    text-align: center;
    font-size: .95em
}

.cT,
.cM,
.cS {
    white-space: nowrap
}

.cS {
    text-align: right;
    padding-right: 16px
}

.cD {
    color: var(--mute)
}

.state {
    padding: 10px 0;
    color: var(--mute)
}

hr {
    border: 0;
    border-top: 1px solid var(--line);
    margin: 12px 0 6px
}

footer {
    color: var(--mute);
    font-size: .9em
}

address {
    font-style: normal;
    margin-top: 2px
}

@media(max-width:900px) {
    .cD {
        display: none
    }
}

@media(max-width:600px) {
    body {
        padding: 8px
    }

    .cT {
        display: none
    }

    td,
    th {
        padding-right: 6px
    }

    .cN {
        word-break: break-all
    }
}