:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 40px 20px 64px;
  background: #F3F6EF;
  font-family: 'DM Sans', -apple-system, sans-serif;
  color: #2C3A23;
  font-size: 16px;
  line-height: 1.65;
}
main { max-width: 680px; margin: 0 auto; }
.eyebrow { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #6F8060; margin: 0; }
h1 {
  font-family: 'Literata', serif; font-weight: 500; font-size: 32px;
  letter-spacing: -0.015em; line-height: 1.2; margin: 6px 0 4px;
}
h2 { font-family: 'Literata', serif; font-weight: 500; font-size: 21px; margin: 36px 0 8px; line-height: 1.3; }
h3 { font-size: 16px; font-weight: 600; margin: 22px 0 4px; }
p, li { margin: 0 0 12px; }
ul { padding-left: 22px; }
address { font-style: normal; margin: 0 0 12px; }
a { color: #3F6B2E; }
.updated { color: #6F8060; font-size: 14px; }
.lang { font-size: 14px; margin: 14px 0 28px; }
.lang a { margin-right: 14px; }
hr { border: 0; border-top: 1px solid #D6E0CB; margin: 56px 0; }
footer { margin-top: 48px; font-size: 14px; color: #6F8060; }
footer a { margin-right: 14px; }
/* A value still to be settled. Visible on purpose: it must not go live unnoticed. */
.todo { background: #FFE3E0; color: #9B1C12; padding: 1px 4px; border-radius: 3px; font-weight: 600; }