:root {
    --header-background: darkgreen;
}

/* copy */
body {
    margin: 0;
    font-family: sans-serif;
}

html,
button {
    font-size: 18px;
}

h2, h3 {
    margin-bottom: 0.25em;
}

hr {
    margin: 2em 0;
    border-top: solid thin black;
}

p {
    margin-top: 0;
    max-width: 36em;
}

p, ul {
    line-height: 160%;
}

/* hyperlinks */
a:link,
a:visited,
a.faux {
    cursor: pointer;
    color: blue;
    text-decoration: none;
}

a:link:hover,
a.faux:hover {
    text-decoration: underline;
}

/* tables */
table {
    border-collapse: collapse;
    border: solid 2px var(--header-background);
}

tbody.subheader > tr:first-child {
    border: solid thin var(--header-background);
    font-weight: bold;
}

th {
    background-color: var(--header-background);
}

td, th {
    padding: 5px 8px;
    border-right: solid thin var(--header-background);
}

/* forms */
ul.radio-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
    }

    a:link,
    a:visited,
    a.faux {
        color: #58BBFF;
    }
}