html, body {
    margin: 0;
    padding: 0;
    font-family: var(--hd-font-family);
}

body {
    overflow-x: clip;
}

button, input, select, textarea {
    font-family: inherit;
}

h1:focus {
    outline: none;
}

ul {
    padding-left: 16px;
}

ol {
    padding-left: 16px;
}

.article-markup table {
    border-collapse: collapse;
    margin: 0 0 18px;
}

.article-markup th,
.article-markup td {
    border: var(--hd-bw) solid var(--hd-line);
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
    font-size: var(--hd-fs-body);
    line-height: 1.5;
    color: var(--hd-ink);
}

.article-markup th {
    background: var(--hd-paper-2);
    font-weight: var(--hd-fw-semibold);
}