:root {
    --b-font-main: system-ui, sans-serif;
    --b-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --b-txt: #2e3440;
    --b-bg-1: #fff;
    --b-bg-2: #eceff4;
    --b-line: #eceff4;
    --b-link: #003399;
    --b-link2: #337799;
    --b-btn-bg: #242933;
    --b-btn-txt: #fff;
    --b-focus: #88c0d0
}

html {
    overflow-y: scroll;
}

a {
    color: var(--b-link);
    text-decoration: none;
}

a:hover {
    text-decoration: underline
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.0;
    margin-top: 1rem;
    text-wrap: balance;
}

h1 {
    font-size: 2rem
}

h2 {
    font-size: 1.75rem;
    margin-top: 1.5rem;
}

h3 {
    font-size: 1.5rem;
    margin-top: 1.25rem;
}

h4 {
    font-size: 1.25rem;
    margin-top: 1rem;
}

table {
    border-collapse: collapse;
    text-indent: 0
}

table caption {
    margin-bottom: .5rem
}

tr {
    border-bottom: 1px solid var(--b-line)
}

tbody tr:nth-child(odd) {
    background-color: var(--b-line)
}

tbody.top tr:nth-child(odd) {
    background-color: var(--b-bg-1)
}

tbody.top tr {
    border-bottom: 0
}

td,
th {
    padding: .5rem 1rem .5rem 1rem;
    word-break: normal
}

td:first-child,
th:first-child {
    padding-left: .5rem
}

ul,
ol,
dd {
    padding-left: 2rem
}

li>ul,
li>ol {
    margin-bottom: 0.5rem
}


pre,
code,
kbd,
samp,
tt,
var {
    color: var(--b-link);
    background: var(--b-bg-2);
    border-radius: .25rem;
    padding: .125rem .25rem;
    font-family: var(--b-font-mono);
    font-size: .875em
}

pre {
    padding: 1rem;
    overflow: auto;
    white-space: pre
}

pre code {
    padding: 0
}