.prose,
.prose .content,
.prose .content figure {
  min-width: 0;
  max-width: 100%;
}

.prose .content figure {
  margin: 24px 0;
}

.prose .content > :first-child {
  margin-top: 0;
}

.prose .content > :last-child {
  margin-bottom: 0;
}

.prose .content p {
  margin: 0 0 1.1em;
}

.prose .content img,
.prose .content video,
.prose .content canvas,
.prose .content svg {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.prose .content iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
}

.prose .content pre,
.prose .content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.prose .content p,
.prose .content li,
.prose .content a,
.prose > h1 {
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width: 700px) {
  .prose {
    width: 100%;
    padding-top: 42px;
  }

  .prose > h1 {
    font-size: clamp(32px, 11vw, 48px);
    line-height: 1.04;
  }

  .prose .content {
    margin-top: 26px;
    font-size: 16px;
    line-height: 1.75;
  }
}