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

.prose__content {
  display: grid;
  position: relative;
}

.prose__content h2 {
  --flow-space: 2.3875em;
  font-size: var(--font-size-medium);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
  line-height: 1.15;
  margin-bottom: -0.1875em;
  margin-top: -0.4375em;
}

.prose__content h3 {
  --flow-space: 1.65em;
  font-size: var(--font-size-small);
  font-weight: 700;
  letter-spacing: var(--letter-spacing);
  line-height: 1.15;
  margin-bottom: -0.175em;
  margin-top: -0.425em;
}

.prose__content h3 + * {
  --flow-space: 1.3em;
}

.prose__content p,
.prose__content ol,
.prose__content ul {
  font-size: var(--font-size-x-small);
  letter-spacing: var(--letter-spacing);
  margin-bottom: -0.3125em;
  margin-top: -0.5375em;
}

.prose__content ol,
.prose__content ul {
  padding-left: 2em;
}

.prose__content ol li,
.prose__content ul li {
  --flow-space: 0.7em;
}

.prose__content ol li + li,
.prose__content ul li + li {
  margin-top: var(--flow-space, 0.7em);
}

.prose__content ol {
  list-style: decimal;
}

.prose__content ul {
  list-style: disc;
}

.prose__content b,
.prose__content strong {
  font-weight: 600;
}

.prose__content > * + * {
  padding-top: var(--flow-space, 1.825em);
}

.prose__figure {
  --flow-space: 1.4em;
  display: grid;
}

.prose__figure img {
  border-radius: 0.2em;
  box-shadow:
    0 0 0 1px rgba(var(--rgb-black), 0.1),
    0 0 0.1em 0.02em rgba(var(--rgb-black), 0.05)
  ;
  overflow: hidden;
}

.prose__highlight {
  --flow-space: 0;
  padding-bottom: var(--space-large);
  padding-top: var(--space-large);
  text-align: center;
}

.prose__highlight strong {
  font-weight: 700;
}

.prose__highlight br {
  display: none;
}

.prose__highlight + * {
  --flow-space: 0;
}



@media(min-width: 64em) {

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

  .prose__highlight br {
    display: inline;
  }

}