/* The app's own palette: cream page, black ink, one green. Deliberately plain —
   a legal page's job is to be read and to still load in five years. */
:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 0 20px 80px;
  background: #ffffff;
  color: #111;
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  max-width: 720px;
  margin-inline: auto;
}
header { padding: 44px 0 8px; }
.wordmark {
  font-size: 15px; font-weight: 650; letter-spacing: -0.2px;
  color: #111; text-decoration: none;
}
main { padding-top: 8px; }
h1 { font-size: 30px; line-height: 1.2; letter-spacing: -0.6px; margin: 24px 0 8px; }
h2 { font-size: 20px; letter-spacing: -0.3px; margin: 38px 0 8px; }
h3 { font-size: 16px; margin: 26px 0 6px; }
p, li { color: #26261f; }
ul { padding-left: 20px; }
li { margin: 6px 0; }
a { color: #2F6B1F; }
strong { font-weight: 620; }
hr { border: 0; border-top: 1px solid #e7e7df; margin: 40px 0; }
footer {
  margin-top: 56px; padding-top: 20px;
  border-top: 1px solid #e7e7df;
  font-size: 13px; color: #77796e;
}
footer a { color: #77796e; }
.lede { font-size: 18px; color: #444; }
.card {
  background: #F2EFE9; border-radius: 16px; padding: 20px 22px; margin: 22px 0;
}
.card p:first-child { margin-top: 0; }
.card p:last-child { margin-bottom: 0; }
@media (prefers-color-scheme: dark) {
  body { background: #111; color: #eee; }
  p, li { color: #d7d7cf; }
  .wordmark { color: #eee; }
  .card { background: #1c1c19; }
  a { color: #8CBE5F; }
  footer { border-color: #2a2a26; }
}