/* Prose: what organizers write — a page's text, a post — set for reading:
   the heading face for headings, room between paragraphs, quotes and
   pictures set off from the text, links in the accent. */
.prose {
  --flow-space: var(--space-s);

  font-size: var(--step-0);
  line-height: var(--leading-loose);
  max-inline-size: var(--measure);

  :where(.lexxy-content) > * + * {
    margin-block-start: var(--space-s);
  }

  :where(h2, h3, h4) {
    margin-block-start: var(--space-m);
  }

  :where(ul, ol) {
    padding-inline-start: 1.25em;
  }

  :where(li + li) {
    margin-block-start: var(--space-3xs);
  }

  :where(blockquote) {
    border-inline-start: 3px solid var(--color-accent);
    font-size: var(--step-1);
    padding-inline-start: var(--space-s);
  }

  :where(a:not([class])) {
    color: var(--color-accent-text);
  }

  :where(figure.attachment img, img) {
    border-radius: var(--radius-l);
    inline-size: 100%;
  }

  :where(figcaption) {
    color: var(--color-muted);
    font-size: var(--step--1);
    margin-block-start: var(--space-2xs);
  }

  :where(hr) {
    margin-block: var(--space-m);
  }
}