@import url("https://cdn.jsdelivr.net/npm/computer-modern@0.1.3/cmu-serif.css");
@import url("https://cdn.jsdelivr.net/npm/computer-modern@0.1.3/cmu-typewriter-text.css");

html { color-scheme: light; }  /* light only, even on dark-mode systems */

body {
  font-family: "CMU Serif", "Latin Modern Roman", Georgia, serif;
  font-size: 1.125rem;
  line-height: 1.5;
  max-width: 45em;
  margin: auto;
  padding: 1em;
  color: #000;
  background: #fff;
  counter-reset: figure;
}

a { color: #00e; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.3em; margin-top: 2em; }
h3 { font-size: 1.1em; }

h2, h3 { border-bottom: 1px solid #ccc; padding-bottom: 0.15em; }

hr { border: none; border-top: 1px solid #ccc; }

code, pre { font-family: "CMU Typewriter Text", monospace; }

pre {
  border: 1px solid #ccc;
  padding: 1em;
  overflow-x: auto;
}

img { max-width: 100%; }

/* figures number themselves — the caption prefix comes from a CSS counter */
figure { margin: 2em 0; text-align: center; counter-increment: figure; }
figcaption { margin-top: 0.5em; text-align: left; font-size: 0.9em; }
figcaption::before { content: "Figure " counter(figure) ": "; font-weight: bold; }

/* footnote block kramdown appends at the end of a page */
.footnotes { margin-top: 2em; border-top: 1px solid #ccc; font-size: 0.9em; }