@media (prefers-color-scheme: light) {
body {
  margin: 2.2em 0 0 0; padding: 0; border: 0;
  color: black; background-color: white;
  font-family: sans-serif; font-size: 1em; }}

@media (prefers-color-scheme: dark) {
body {
  margin: 2.2em 0 0 0; padding: 0; border: 0;
  color: white; background-color: rgb(30,30,30);
  font-family: sans-serif; font-size: 1em; }
a:link {
  color: aqua; }
a:visited {
  color: teal; }}

a:active, a:hover {
  color: red; }

main {
  margin: 0; padding: 0; border: 0; display: block;
  text-align: left; margin-left: 0.3em; margin-right: 2%; }
header {
  margin: 0; padding: 0; border: 0; }
footer {
  margin: 0; padding: 0; border: 0; font-size: 70%; }
th {
  text-align: center; }
img {
  display: block; border: 0; }
h1 {
  margin-bottom: 0; font-size: 120%; }
h2 {
  margin-bottom: 0; margin-left: 0.2em; font-size: 110%; }
h3 {
  margin-bottom: 0; margin-left: 0.5em; font-size: 105%; }

nav {
  top: 0; left: 0; width: 100%; position: fixed; z-index: 1;
  vertical-align: bottom; white-space: nowrap; overflow: hidden;
  color: white; background-color: rgb(100,100,100);
  line-height: 2em; text-decoration: none;
  font-size: 95%; font-weight: bold; }

nav > label {
  display: inline-block; width: 100%; }

nav > label > svg {
  stroke: white; stroke-linecap: round; }

nav > input {
  display: none; }

nav > input + div {
  display: none; line-height: normal; overflow: hidden; white-space: nowrap; }

nav > input:checked + div {
  display: block; }

nav > div > div {
  display: inline-block; vertical-align: top; }

nav ul {
  margin: 0; padding: 0.625em; list-style: none;
  color: white; background-color: rgb(100,100,100); }

nav a {
  margin: 0; padding: 0.1em;
  line-height: inherit; }
nav > img {
  vertical-align: middle; position: absolute; top: 0; right: 0;
  padding-left: 0.1875em; background-color: rgb(100,100,100); }
nav > div, nav > div ul > li {
  padding: 0.2em 0.2em;
  color: white; background-color: rgb(100,100,100);
  text-decoration: none;
  font-size: 95%; font-weight: bold;
  font-style: italic; }
nav a:link, nav a:visited, nav a:active {
  color: white;
  background-color: rgb(100,100,100);
  text-decoration: none; display: block; }
nav a:hover {
  color: black;
  background-color: rgb(210,210,210);
  text-decoration: none; display: block; }

footer > div {
  float: left; padding-left: 0.3125em; padding-right: 0.3125em; }

p.pr {
  margin-left: 1em; margin-right: 2em; }

p.prc {
  margin-left: 1em; margin-right: 2em; text-align: center; }

p.prt, div.prt {
  margin-left: 1.5em; margin-right: 1em; }

p.prs {
  margin-left: 1em; margin-right: 1em; }

p.sp {
  font-size: 1.2em; font-weight: bold; text-align: left; }

span.error {
  font-size: 80%; color: red;
  font-style: italic; }

span.strong {
  font-weight: bold; }

span.em {
  font-style: italic; }

span.sem {
  font-style: italic; font-size: 70%; }

span.red {
  color: red; }

img.right {
  float: right; }

@media print {
nav, .noprint {
  display: none; }
body {
  margin: 0; }}

@media screen and (max-width: 30em) {
p img {
  max-width: 100%; }}