/* www.olson-network.com text pages
   Generated by scripts/textface.mjs from olsontech/branding tokens.
   Every page is complete with no stylesheet at all. */

@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-style: normal;
  src: url("/brand/fonts/IBMPlexMono-Regular.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 600; font-style: normal;
  src: url("/brand/fonts/IBMPlexMono-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Serif"; font-weight: 600; font-style: normal;
  src: url("/brand/fonts/IBMPlexSerif-SemiBold.woff2") format("woff2"); }

body {
  margin: 0;
  padding: 0;
  background: #05080a;
  color: #eaf7f3;
  font-family: "IBM Plex Mono", "Courier New", Courier, monospace;
  font-size: 95%;
  line-height: 1.6;
}
#page { max-width: 50em; margin: 0 auto; padding: 1em 16px 2em 16px; }

a:link { color: #46e6c2; }
a:visited { color: #8cc4e8; }
a:hover { color: #8df7e0; }

h1, h2 {
  font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: -0.012em;
  line-height: 1.2;
}
h1 { font-size: 1.8em; margin: 0.3em 0 0.1em 0; }
h2 { font-size: 1.25em; margin: 1.6em 0 0.5em 0; border-bottom: 1px solid #0f2c27; padding-bottom: 0.2em; color: #8df7e0; }

#masthead { padding: 0.5em 0 0.2em 0; }
#masthead .brand { display: block; width: 240px; height: 67px; }
#masthead .brand img { border: 0; display: block; }
.eyebrow {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 0.75em;
  color: #a4b1b6;
  margin: 0.4em 0 0 0;
}
#nav { margin: 1em 0 0 0; padding: 0.4em 0; border-top: 1px solid #0f2c27; border-bottom: 1px solid #0f2c27; }
#nav li { display: inline; list-style: none; margin: 0 1.1em 0 0; }
#nav .here { color: #8df7e0; }
hr.nocss { display: none; }

strong { color: #8df7e0; font-weight: 600; }
.mono { white-space: nowrap; }
.note, .quiet { color: #a4b1b6; }
.note { font-size: 0.92em; }

table { border-collapse: collapse; width: 100%; margin: 0.4em 0 1em 0; background: #0d1012; }
th, td { border: 1px solid #0f2c27; padding: 0.3em 0.5em; text-align: left; vertical-align: top; }
th { background: #15191a; font-weight: 600; color: #46e6c2; }
dl.facts { margin: 0.4em 0 1em 0; }
dl.facts dt { float: left; clear: left; width: 9em; color: #a4b1b6; }
dl.facts dd { margin: 0 0 0.25em 9em; }
ul.pages { padding-left: 1.2em; }
.wide { overflow-x: auto; }

#footer { margin-top: 2.5em; padding-top: 0.6em; border-top: 1px solid #0f2c27; font-size: 0.85em; color: #a4b1b6; }
#footer p { margin: 0.2em 0; }

@media screen and (max-width: 36em) {
  dl.facts dt { float: none; width: auto; }
  dl.facts dd { margin-left: 0; }
  h1 { font-size: 1.5em; }
  th, td { padding: 0.25em 0.35em; }
}

@media print {
  body { background: #ffffff; color: #000000; }
  #masthead .brand, #nav { display: none; }
  a:link, a:visited, strong, h2, th, #nav .here { color: #000000; }
  table { background: #ffffff; }
  th, td { border-color: #000000; }
  th { background: #ffffff; }
}
