.prose {
  max-width: 720px;
  margin: 0 auto;
  font-size: var(--fs-400);
  line-height: var(--lh-loose);
  color: var(--c-text-1);
}

.prose > * + * { margin-top: var(--sp-4); }
.prose h2 { font-size: var(--fs-700); margin-top: var(--sp-7); }
.prose h3 { font-size: var(--fs-600); margin-top: var(--sp-6); }
.prose p { max-width: none; }
.prose a { color: var(--c-accent-2); text-decoration: underline; text-underline-offset: 4px; }
@media (hover: hover) and (pointer: fine) { .prose a:hover { color: var(--c-text); } }
.prose ul, .prose ol { padding-inline-start: var(--sp-5); }
.prose li + li { margin-top: var(--sp-2); }
.prose blockquote {
  border-inline-start: 2px solid var(--c-mark-2);
  padding-inline-start: var(--sp-5);
  font-style: italic;
  color: var(--c-text);
}
.prose code { font-family: ui-monospace, monospace; font-size: 0.9em; background: var(--c-raise); padding: 2px 6px; border-radius: 4px; color: var(--c-accent-2); }
.prose hr { border: 0; border-top: 1px solid var(--border-color-subtle); margin-block: var(--sp-7); }
.prose img, .prose figure { border-radius: var(--radius-md); overflow: hidden; }