.cover {
  margin-bottom: 0;
}

.signup {
  display: flex;
  flex-flow: row wrap;
  align-items: start;
  gap: calc(var(--rem) * 2);

  padding: calc(var(--rem) * 2);
  margin-bottom: calc(var(--rem) * 2);

  /* We set this var here so that the "Email" label in the newsletter form gets the right bg */
  --bg-color: #f2f2f2;
  background: var(--bg-color);
}

.signup * {
  flex: 1 1 20em;
  margin: 0;
}

.signup form {
  margin-top: .65rem;
}

.posts div + div {
  margin-top: 2rem;
}

.posts h6 {
  margin-bottom: 0;
}

.posts h3 {
  font-weight: 380;
  margin-block: .2rem;
}