:root {
  --bg: #faf8ef;
  --ink: #4a4038;
  --muted: #857b70;
  --rust: #b8441f;
  --rule: #e4ded0;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 3rem 1.25rem 5rem;
  background: var(--bg);
  color: var(--ink);
  font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
main { max-width: 41rem; margin: 0 auto; }
h1 {
  font-size: clamp(2rem, 6vw, 2.75rem);
  letter-spacing: -0.02em;
  margin: 0 0 0.35rem;
}
.sub { color: var(--muted); margin: 0 0 2.5rem; }
h2 {
  font-size: 1.15rem;
  margin: 2.5rem 0 0.6rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--rule);
}
h2:first-of-type { border-top: 0; padding-top: 0; }
a { color: var(--rust); }
ul { padding-left: 1.2rem; }
li { margin: 0.3rem 0; }
.note {
  background: #fff;
  border: 1px solid var(--rule);
  border-radius: 12px;
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
}
footer {
  margin-top: 3.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--rule);
  color: var(--muted);
  font-size: 0.9rem;
}