@import url("https://fonts.googleapis.com/css2?family=Fustat:wght@200..800&display=swap");

:root {
  --fontstack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body {
  padding: 1em;

  font-size: 18px;
  line-height: 1.5;
  font-family: var(--fontstack);
}

body.static-body {
  max-width: 650px;
  margin: auto;
}

body.table-body {
  font-size: 14px;
  line-height: 1.3;
}

body.table-body table {
  border-collapse: collapse;
  margin-bottom: 1em;
}

body.table-body td,
body.table-body th {
  padding: 0.3em;
  border: 1px solid #999;
}

body.table-body tr th {
  text-align: left;
}

h1,
h2,
h3 {
  line-height: 1.2;
  font-family: Fustat, var(--fontstack);
}

a:link {
  color: #2181b7;
}

a:visited {
  color: #4e1ecb;
}

@media (prefers-color-scheme: dark) {
  body {
    color: white;
    background: #444;
  }

  a:link {
    color: #5bf;
  }

  a:visited {
    color: #ccf;
  }
}

header {
  border-bottom: 2px solid #2a6180;
  padding-bottom: 1em;
  line-height: 1;
}

footer {
  border-top: 2px solid #2a6180;
  padding: 1em;
  margin-top: 1em;
  text-align: center;
}