@charset "UTF-8";
@font-face {
  font-family: "oe";
  src: url("../fonts/OPTIEngraversOldEnglish.subset.woff2");
  font-display: swap;
}
:root {
  /* Observable Inputs (reactive posts) read these custom properties. Without
     --sans-serif the inputs' `font: 13px/1.2 var(--sans-serif)` declaration is
     invalid and the controls inherit the body font; defining it restores their
     intended compact sizing. */
  --sans-serif: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --monospace: "SF Mono", Menlo, Consolas, monospace;
}

/* Live Observable cells in posts with `reactive: true`. */
.reactive-cell {
  margin: 1.5rem 0;
}

.reactive-cell svg {
  max-width: 100%;
  height: auto;
}

/* Tables — adapted from the labordata "warehouse" treatment to the Slow News
   palette: cream paper, #333 ink, #552222 maroon accent (the nav/hr color),
   hairline column separators, a maroon header underrule, and faint zebra. */
table {
  background: #fffefc;
  border: 1px solid #ded7ca;
  border-collapse: collapse;
  width: 100%;
  margin: 1.25rem 0 1.75rem;
  font-size: 0.92em;
  font-variant-numeric: tabular-nums lining-nums;
}

th {
  background: #efeeec;
  border-bottom: 2px solid #552222;
  border-right: 1px solid #ece5d8;
  font-family: "PT Serif", serif;
  font-size: 0.72em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #552222;
  text-align: left;
  padding: 0.5rem 0.7rem;
}

th:last-child {
  border-right: none;
}

td {
  padding: 0.4rem 0.7rem;
  border-right: 1px solid #ece5d8;
}

td:last-child {
  border-right: none;
}

tbody tr:nth-child(even) td {
  background: rgba(85, 34, 34, 0.045);
}

.mast {
  font-family: "oe", "PT Serif", "serif";
  font-size: 22px;
}

a:link {
  color: #0000CC;
}

a:visited {
  color: #551A8B;
}

nav {
  border-bottom: 2px solid #552222;
  margin-bottom: 15px;
  display: flex;
  height: 100%;
}

BODY {
  max-width: 33em;
  margin: 30px auto;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "PT Serif", "serif";
  font-size: 16px;
  background-color: #FFFEFC;
  color: #333333;
}

hr {
  border: none;
  height: 2px;
  /* Set the hr color */
  background-color: #552222; /* Modern Browsers */
}

/* Reactive-cell heading anchors: plain heading text plus a small `#` deep-link
   that fades in on hover/focus (headings render via the swapped-in `md`, which
   uses markdown-it-anchor's linkInsideHeader). */
.header-anchor {
  margin-left: 0.25em;
  text-decoration: none;
  font-weight: normal;
  opacity: 0;
  transition: opacity 0.1s ease;
}

/* Match the heading colour, not the site's blue a:link/a:visited (which would
   otherwise win on specificity). */
a.header-anchor:link,
a.header-anchor:visited {
  color: inherit;
}

h2:hover > .header-anchor,
h3:hover > .header-anchor,
.header-anchor:focus {
  opacity: 1;
}

/*# sourceMappingURL=styles.css.map */