:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; padding: 32px 20px 72px;
  background: #05100c; color: #dfe9e3;
  font: 17px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
main { max-width: 44rem; margin: 0 auto; }
nav { max-width: 44rem; margin: 0 auto 28px; font-size: 0.9rem; }
nav a { color: #7e9a8c; margin-right: 18px; text-decoration: none; }
nav a:hover, nav a.here { color: #c99a3f; }
h1 { font-size: 1.75rem; line-height: 1.25; margin: 0 0 6px; color: #fff; }
h2 { font-size: 1.15rem; margin: 34px 0 10px; color: #fff; }
p, li { color: #b9cec4; }
li { margin-bottom: 6px; }
a { color: #c99a3f; }
.lede { font-size: 1.05rem; color: #cfe0d7; }
.rule {
  margin: 22px 0; padding: 14px 18px;
  border-left: 3px solid #236b46; background: #08160f;
}
.rule strong { color: #fff; }
footer { max-width: 44rem; margin: 48px auto 0; padding-top: 20px; border-top: 1px solid #16241e; }
footer a { color: #7e9a8c; font-size: 0.9rem; text-decoration: none; margin-right: 18px; }