:root {
  --ink: #1c1612;
  --ink-soft: #3c2f25;
  --forest: #14261e;
  --leather: #6a4128;
  --parchment: #f4e4c4;
  --muted: #7a6450;
  --line: rgba(90, 58, 32, 0.35);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--forest);
  color: var(--ink);
  font: 1.05rem/1.6 "Source Serif 4", Georgia, serif;
}

main {
  max-width: 44rem;
  margin: 2rem auto;
  padding: 2rem 1.6rem 2.4rem;
  background: var(--parchment);
  border-radius: 6px;
}

h1, h2 {
  font-family: Cinzel, Palatino, serif;
  color: var(--forest);
  line-height: 1.25;
}

h1 { margin: 0 0 0.3rem; font-size: 1.8rem; }
h2 { margin: 1.8rem 0 0.5rem; font-size: 1.1rem; }

p, li { color: var(--ink-soft); }
ul { padding-left: 1.3rem; }

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

.effective { margin: 0 0 1.4rem; color: var(--muted); font-style: italic; }

footer {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
  font-size: 0.9rem;
}

@media (max-width: 40rem) {
  main { margin: 0; border-radius: 0; }
}