.newsletter-archive {
  display: grid;
  margin-inline: auto;
  padding-left: var(--space-medium);
  padding-right: var(--space-medium);
  position: relative;
  width: min(100%, 24em);
}

.newsletter-archive h2 {
  --flow-space: var(--space-xx-large);
  font-size: var(--font-size-x-small);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-loose);
  margin-bottom: -0.325em;
  margin-top: -0.35em;
}

.newsletter-archive ul {
  display: grid;
  gap: var(--space-neutral);
}

.newsletter-archive ul li {
  display: grid;
  gap: 0.7em;
}

.newsletter-archive ul li time {
  font-size: var(--font-size-xxx-small);
  font-weight: 600;
  letter-spacing: var(--letter-spacing);
  margin-bottom: -0.3em;
  margin-top: -0.575em;
}

.newsletter-archive ul li a {
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: -0.1875em;
  margin-top: -0.4375em;
}

.newsletter-archive > * + * {
  padding-top: var(--flow-space, var(--space-neutral));
}



@media(min-width: 64em) {

  .newsletter-archive {
    padding-left: var(--space-neutral);
    padding-right: var(--space-neutral);
  }

}