:root {
  --bg: #fbf9f5;
  --text: #1d1b18;
  --muted: #6b665d;
  --rule: #e4dfd5;
  --link: #9c3a20;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #121110;
    --text: #f3ede3;
    --muted: #a39c90;
    --rule: #2c2a27;
    --link: #f08a6c;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
}
main { max-width: 760px; margin: 0 auto; padding: 56px 16px 80px; }
h1 { font: 600 2.2rem/1.2 Georgia, "Times New Roman", serif; margin: 0 0 0.6em; }
h2 { font: 600 1.25rem/1.3 Georgia, serif; margin: 2.2em 0 0.6em; padding-top: 1em; border-top: 1px solid var(--rule); }
p, li { overflow-wrap: anywhere; }
.muted { color: var(--muted); }
ul.credits { list-style: none; padding: 0; }
ul.credits li { padding: 0.55em 0; border-bottom: 1px solid var(--rule); }
ul.credits .what { font-weight: 600; }
a { color: var(--link); }