:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #24392b;
  background: #f4f7f4;
}

body {
  margin: 0;
  padding: 32px 18px 64px;
}

main {
  max-width: 760px;
  margin: 0 auto;
  padding: 34px;
  border: 1px solid #dfe8e1;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 36px rgb(35 67 46 / 8%);
}

h1, h2 {
  line-height: 1.25;
}

h1 {
  margin-top: 0;
  font-size: 30px;
}

h2 {
  margin-top: 30px;
  font-size: 20px;
}

p, li {
  color: #4f6055;
  line-height: 1.75;
}

a {
  color: #247a4a;
}

.meta {
  color: #758178;
  font-size: 14px;
}

@media (max-width: 560px) {
  body { padding: 0; }
  main { padding: 28px 20px 48px; border: 0; border-radius: 0; }
}