body {
  background: #f6f9f6;
  color: #1d2a22;
  font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
.bar { background: #1d2a22; color: #f6f9f6; padding: 14px 20px; }
.bar .site { font-size: 17px; font-weight: 600; letter-spacing: .01em; }
.bar .site a { color: #f6f9f6; text-decoration: none; }
.bar nav { display: inline; margin-left: 22px; }
.bar nav a { color: #b9cdbe; font-size: 14px; margin-right: 16px; text-decoration: none; }
.bar nav a:hover { color: #fff; }
main { margin: 0 auto; max-width: 48em; padding: 0 20px 56px; }
.lede { color: #5f7064; font-size: 15px; margin: 22px 0 30px; }
.note { border-left: 3px solid #cfdccf; margin: 0 0 34px; padding-left: 16px; }
.note h2 { font-size: 19px; margin: 0 0 3px; }
.note h2 a { color: #1d2a22; text-decoration: none; }
.note .date { color: #5f7064; font-size: 13px; }
table { border-collapse: collapse; font-size: 15px; margin: 18px 0; width: 100%; }
th { color: #5f7064; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
th, td { border-bottom: 1px solid #d9e2da; padding: 7px 8px; text-align: left; }
td.n { font-variant-numeric: tabular-nums; text-align: right; }
.box { background: #fff; border: 1px solid #d9e2da; margin: 18px 0; padding: 12px 16px; }
.foot { border-top: 1px solid #d9e2da; color: #5f7064; font-size: 13px; margin-top: 40px; padding-top: 16px; }