/* The game's own palette: cream paper, deep teal ink. */
:root {
  --paper: #fbf8ea;
  --ink: #29494a;
  --ink-soft: #29494a99;
  --rule: #29494a24;
  --rose: #cc6685;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 0 20px 80px;
  background: var(--paper);
  color: var(--ink);
  font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

main { max-width: 680px; margin: 0 auto; }

header {
  padding: 56px 0 28px;
  border-bottom: 1px solid var(--rule);
  margin-bottom: 36px;
}

.wordmark {
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.wordmark a { color: inherit; text-decoration: none; }

h1 {
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 38px;
  line-height: 1.15;
  margin: 18px 0 6px;
}

h2 {
  font-size: 20px;
  margin: 40px 0 10px;
}

h3 { font-size: 17px; margin: 26px 0 4px; }

.updated { color: var(--ink-soft); font-size: 15px; margin: 0; }

p, li { color: var(--ink); }

ul { padding-left: 22px; }

li { margin-bottom: 8px; }

a { color: var(--rose); }

.note {
  border: 1px solid var(--rule);
  border-radius: 14px;
  padding: 16px 18px;
  background: #ffffff5c;
  margin: 26px 0;
}

footer {
  margin-top: 56px;
  padding-top: 20px;
  border-top: 1px solid var(--rule);
  color: var(--ink-soft);
  font-size: 15px;
}

footer a { color: var(--ink-soft); }