/* Modern reset — replaces Yahoo YUI 2.2 reset */
*, *::before, *::after { box-sizing: border-box; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
strong { font-weight: bold; }
em { font-style: italic; }

body {
    color: var(--color-body, #38424b);
    background: var(--bg-dark, #192934);
    line-height: 1.6;
    font-family: "Montserrat", "Open Sans", Corbel, Arial, sans-serif;
    font-size: clamp(0.9375rem, 4vw, 1rem);
    letter-spacing: .02em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
p { margin: 0 0 1em; }
a { color: var(--color-link, #12443b); }
a:hover { text-decoration: none; color: var(--color-link-hover, #863213); }
h1, h2, h3, h4, h5, h6 {
    font-family: "Source Serif 4", "Source Serif Pro VF", Georgia, "Times New Roman", serif;
    font-weight: 700;
    color: var(--color-heading, #031018);
}
h1 { font-size: clamp(1.5rem, 4vw, 2rem); margin: 20px 0; }
h2 { font-size: clamp(1.25rem, 4vw, 1.5rem); margin: 16px 0; }
h3 { font-size: clamp(1.125rem, 4vw, 1.25rem); margin: 10px 0; }
h4 { font-size: 1.125rem; margin: 10px 0; }
pre { background: var(--bg-page, #f5f8fa); margin: 0 0 20px; padding: 20px; border: 1px solid var(--border-light, #d5d5d5); border-radius: 4px; font-size: 100%; overflow: auto; }
code { font-size: 100%; margin: 0; padding: 0; }
ul, ol { margin: 10px 0 10px 25px; }
ol li { margin: 0 0 10px; }

div#wrapper { background: var(--bg-white, #fff); max-width: 1200px; margin: 0 auto; padding: 20px; border: none; }
div#header { position: relative; border-bottom: 1px solid var(--border-light, #d5d5d5); margin: 0 0 10px; padding: 0 0 10px; }
div#header p { margin: 0; padding: 0; }
div#header h1 { margin: 0; padding: 0; }
ul#nav { position: absolute; top: 0; right: 0; list-style: none; margin: 0; padding: 0; }
ul#nav li { display: inline; padding: 0 0 0 5px; }
div#footer { margin: 40px 0 0; border-top: 1px solid var(--border-light, #d5d5d5); padding: 10px 0 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.multiselect { width: 460px; height: 200px; }
#switcher { margin-top: 20px; }
form { margin: 0; padding: 0; }