:root {
  --green: #2e6e4e;
  --cream: #faf6ec;
  --ink: #1d2a23;
  --muted: #55625b;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--ink);
  background: var(--cream);
}
header { background: var(--green); color: #fff; padding: 2rem 1rem; }
header a { color: #fff; }
.wrap { max-width: 46rem; margin: 0 auto; padding: 0 1rem; }
nav a { margin-right: 1rem; color: #fff; }
main { padding: 1.5rem 0 3rem; }
h1 { margin: 0 0 .25rem; font-size: 2rem; }
h2 { color: var(--green); margin-top: 2rem; }
h3 { margin-bottom: .25rem; }
.lang { border-top: 2px solid var(--green); margin-top: 2.5rem; padding-top: 1rem; }
.muted { color: var(--muted); font-size: .95rem; }
a { color: var(--green); }
footer { color: var(--muted); font-size: .9rem; padding: 2rem 0; }