/* tables have a border tables by default */
table,
td,
th {
    border: solid 1px var(--table-border);
    border-collapse: collapse;
}

/* table cells have padding by default */
td,
th {
    padding: 0.5em;
}

/* table header cells align their text with the content beneath them, and have a default background color */
th {
    background: var(--table-header-background);
    text-align: left;
}