:root {
  --ink: #1b2218;
  --paper: #f3ead8;
  --track: #c24b3c;
}
* { box-sizing: border-box; }
html, body {
  margin: 0;
  min-height: 100%;
  background: #1c2419;
  color: var(--paper);
  font-family: "Barlow Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;
}
body { padding: 24px 18px 48px; }
main { max-width: 40rem; margin: 0 auto; }
h1 {
  font-family: "Oswald", "Barlow Condensed", sans-serif;
  letter-spacing: 0.12em;
  font-size: 28px;
  margin: 0 0 8px;
}
h2 {
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.06em;
  font-size: 18px;
  margin: 22px 0 8px;
}
p, li { font-size: 17px; line-height: 1.45; }
a { color: #e3c56a; }
nav { margin: 0 0 20px; font-size: 14px; font-weight: 700; letter-spacing: 0.08em; }
nav a { margin-right: 12px; text-decoration: none; }
.meta { opacity: 0.7; font-size: 14px; margin-bottom: 20px; }
code { font-size: 0.92em; }