html {
  font-family: system-ui;
  font-size: 12pt;
}

body {
  margin: 0;
}

textarea#ta {
  display: none;
  width: 100%;
  height: 10rem;
  padding-left: 3rem;
  padding-right: 3rem;
  background-color: #aaddff;
}

div#mdnotes {
  padding-top: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 1rem;
  background-color: #ffffff;
}

div#mdnotes:focus {
  outline: none;
}

div#mdnotes div.h1 {
  font-size: 3rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #666666;
}

div#mdnotes div.h2 {
  font-size: 2.2rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

div#mdnotes div.h3 {
  font-size: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

div#mdnotes div.h4 {
  font-style: italic;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

div#mdnotes div.bq1 {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: .9rem;
  background-color: #f5f5f5;
  border-left: .3rem solid #446699;
}

div#mdnotes div.bq2 {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: .6rem;
  background-color: #f5f5f5;
  border-left: .6rem solid #5577aa;
}

div#mdnotes div.bq3 {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: .3rem;
  background-color: #f5f5f5;
  border-left: .9rem solid #6688bb;
}

div#mdnotes div.ul1 { padding-left: 2.2rem; }
div#mdnotes div.ul1.bq1 { padding-left: 1.9rem; }
div#mdnotes div.ul1.bq2 { padding-left: 1.6rem; }
div#mdnotes div.ul1.bq3 { padding-left: 1.3rem; }

div#mdnotes div.ul2 { padding-left: 2.7rem; }
div#mdnotes div.ul2.bq1 { padding-left: 2.4rem; }
div#mdnotes div.ul2.bq2 { padding-left: 2.1rem; }
div#mdnotes div.ul2.bq3 { padding-left: 1.8rem; }

div#mdnotes div.ul3 { padding-left: 3.2rem; }
div#mdnotes div.ul3.bq1 { padding-left: 2.9rem; }
div#mdnotes div.ul3.bq2 { padding-left: 2.6rem; }
div#mdnotes div.ul3.bq3 { padding-left: 2.3rem; }

div#mdnotes div.ol1 { padding-left: 2.2rem; }
div#mdnotes div.ol1.bq1 { padding-left: 1.9rem; }
div#mdnotes div.ol1.bq2 { padding-left: 1.6rem; }
div#mdnotes div.ol1.bq3 { padding-left: 1.3rem; }

div#mdnotes div.ol2 { padding-left: 2.7rem; }
div#mdnotes div.ol2.bq1 { padding-left: 2.4rem; }
div#mdnotes div.ol2.bq2 { padding-left: 2.1rem; }
div#mdnotes div.ol2.bq3 { padding-left: 1.8rem; }

div#mdnotes div.ol3 { padding-left: 3.2rem; }
div#mdnotes div.ol3.bq1 { padding-left: 2.9rem; }
div#mdnotes div.ol3.bq2 { padding-left: 2.6rem; }
div#mdnotes div.ol3.bq3 { padding-left: 2.3rem; }

div#mdnotes div.mdnotes_line span.token {
  font-weight: 1;
  color: #446699;
  overflow: hidden;
}

div#mdnotes div.mdnotes_line span.token {
  font-size: 0;
}

div#mdnotes:focus div.mdnotes_line span.token {
  font-size: inherit;
}

div#mdnotes div.body {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

div#mdnotes span.bold {
  font-weight: bold;
}

div#mdnotes span.mono {
  font-family: monospace;
  color: #885511;
}