html { background: #f4f2ee; }

body {
  color: #1c1a17;
  font: 17px/1.62 "Iowan Old Style", "Palatino Linotype", Palatino, serif;
  margin: 0 auto;
  max-width: 64ch;
  padding: 3em 1.4em 6em;
}

h1 {
  font: 700 1.05em/1.2 ui-monospace, "SFMono-Regular", Consolas, monospace;
  letter-spacing: .22em;
  margin: 0;
  text-transform: uppercase;
}

h1 a { text-decoration: none; }

h2 {
  font-size: 1.42em;
  font-weight: 400;
  line-height: 1.24;
  margin: 1.1em 0 .8em;
}

h3 {
  color: #6b6255;
  font: 700 .78em/1.3 ui-monospace, "SFMono-Regular", Consolas, monospace;
  letter-spacing: .16em;
  margin: 2.6em 0 .8em;
  text-transform: uppercase;
}

p { margin: 0 0 1.05em; }

a {
  color: #1c1a17;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}

a:hover { background: #e8e2d6; }

blockquote {
  border-left: 2px solid #cdc5b6;
  color: #48423a;
  margin: 1.6em 0;
  padding: 0 0 0 1.2em;
}

ol, ul { margin: 0 0 1.05em; padding-left: 1.3em; }
li { margin-bottom: .45em; }

dl { margin: 0; }

dt {
  color: #6b6255;
  font: 700 .74em/1.4 ui-monospace, "SFMono-Regular", Consolas, monospace;
  letter-spacing: .12em;
  padding-top: 1.15em;
}

dd { margin: .1em 0 0; }

hr { border: 0; border-top: 1px solid #d8d1c3; margin: 3em 0; }

small { color: #6b6255; font-size: .82em; }

header > p { color: #6b6255; font-size: .88em; margin-top: .5em; }

nav {
  display: flex;
  font: .74em/1.4 ui-monospace, "SFMono-Regular", Consolas, monospace;
  justify-content: space-between;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.stamp {
  color: #6b6255;
  font: .74em/1.4 ui-monospace, "SFMono-Regular", Consolas, monospace;
  letter-spacing: .14em;
  margin: 2.6em 0 0;
  text-transform: uppercase;
}

table { border-collapse: collapse; font-size: .92em; margin: 0 0 1.4em; width: 100%; }
th { border-bottom: 1px solid #cdc5b6; font-weight: 700; padding: .35em .6em .35em 0; text-align: left; }
td { border-bottom: 1px solid #e6e0d3; padding: .35em .6em .35em 0; vertical-align: top; }