html,
body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: var(--app-distance-100);
    line-height: var(--app-distance-150);
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
table {
    margin: 0;
    padding: 0;
}
table {
    border-spacing: var(--app-distance-025);
    border-collapse: separate;
}
h1 {
    font-weight: 800;
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 0;
}
h2 {
    font-weight: 800;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 0;
}
h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0;
}
h4,
h5,
h6 {
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: var(--app-distance-100);
}
p,
table,
ul {
    font-weight: 400;
    font-size: inherit;
    line-height: inherit;
    margin: 0 0 var(--app-distance-100) 0;
    padding: 0;
}
li {
    margin-left: var(--app-distance-075);
    padding-left: var(--app-distance-050);
}
.panel > p:last-child,
.panel > table:last-child,
.panel > ul:last-child {
    margin-bottom: 0;
}
a {
    font-weight: 400;
}
.light a {
    color: var(--app-color-afternoon-skyblue-7);
}
.dark a {
    color: var(--app-color-persimmon-7);
}
table {
    width: 100%;
    border-collapse: collapse;
    border-radius: var(--app-distance-050);
}
table td {
    padding: var(--app-distance-050) var(--app-distance-075);
}
table p {
    margin: 0;
    padding: 0;
}
thead td {
    text-align: left;
    background: var(--app-color-grey-9);
    color: var(--app-color-grey-3);
    font-weight: 600;
}
td {
    text-align: left;
}
td:first-of-type {
    text-align: left;
}
* {
    box-sizing: border-box;
}
table tr:first-child td {
    border-bottom: 0;
}
table tr td {
    border-bottom: 1px solid #eee;
}