:root {--spot-color: #FF7900; --header-color: #707070;}

@font-face {font-family: "Jost"; src: url("Jost-300-Light.woff2"); font-weight:300;}
@font-face {font-family: "Jost"; src: url("Jost-500-Medium.woff2"); font-weight:500;}
@font-face {font-family: "Jost"; src: url("Jost-600-Semi.woff2"); font-weight:600;}

html {font-family: "Jost", Arial, sans-serif; font-weight: 300; font-size: 1.12em; line-height: 1.55em; letter-spacing: 0.035em; font-feature-settings: "ss01";}
h1 {font-weight: 600; font-size: 2.2em; letter-spacing: 0.03em; text-align: right;}
h2 {font-weight: 500; font-size: 1.5em; letter-spacing: 0.04em; padding-left: 0.1em;}
h1, h2 {color: var(--header-color); margin:0.5em 0;}
a {font-weight: 500; text-decoration: none;}
a:link, a:visited {color: var(--header-color);}
a:hover, a:active {color: var(--spot-color);}

main, header, footer, section, figure {max-width: 1000px; margin: 0 auto 1em;}
header {margin-top: 2em; padding-right: 0.3em;}
footer {margin-top: -1.5em; padding: 0 0.3em;}
section {margin-bottom: 3em;}
figure {margin-bottom: 0;}
p {margin: 0 0 0.5em; padding: 0 0.15em;}

table {border-collapse: collapse; margin: 1em 0.15em 0;}
caption {text-align: left; font-weight: 500; color: var(--header-color); margin:0.5em 0 -1em; padding-left: 3.5em;}
th {font-size: 0;}
td {text-align: left; vertical-align: top; padding: 0 1em 0.4em 0;}

span.right {font-size: 0.8em; float: right; text-align: right;}
span.spot-color {color: var(--spot-color);}