body {
  background: black;
  color: white;
  font-size: 12pt;
  font-family: serif;
}

a {
  color: cyan;
}

em {
  background: #222;
}

code, pre {
  color: lightgreen;
}

pre, figure {
  overflow: scroll;
  margin: 0;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td, th {
  border: 1px solid lightgreen;
  padding: 0.5ex;
}

table.diagram > tbody > tr > td {
  border: none;
  text-align: center;
  white-space: nowrap;
}

table.diagram > tbody > tr > td > table {
  width: 100%;
  text-align: left;
}

.nowrap {
  white-space: nowrap;
}

ul.inline {
  display: inline;
  padding-left: 0 !important;
}

ul.inline > li {
  display: inline;
  white-space: nowrap;
}

ul.inline > li::before {
  content: "\2022  ";
}

ul {
  padding-left: 1em;
}

@media print {
  @page {
    margin: 3em 1ex 3em 1ex;
    background: black;
    color: magenta;

    @bottom-center { 
      content: counter(page);
    }

    @top-right {
      content: "https://satana.skylittlesystem.org";
    }
  }

  body {
    font-size: 12pt;
  }

  .only-html {
    display: none !important;
  }
}

@media not print {
  .only-pdf {
    display: none !important;
  }
}

h1, h2, h3, h4, h5, .heading {
  break-after: avoid;
  color: magenta;
}

table, figure, li {
  break-inside: avoid;
}