/* Ordinary pages: index pages, About, Newsletter, notes and tools.
   On wide screens the page starts at the Guide's text column, so every page
   shares one left edge; prose keeps a reading measure while cards use both columns. */
.cm-page .pmx-document { max-width: none; margin-inline: 0 auto; }
.cm-page .pmx-document > [data-pmx-block] { border-block-end: 0; }
.cm-page :is(p, ul, ol, blockquote) { max-width: var(--cm-reading-width); }
.cm-page h1 { margin: var(--cm-space-6) 0 var(--cm-space-4); font-size: var(--cm-text-display); line-height: var(--cm-leading-display); letter-spacing: var(--cm-tracking-display); }
/* The lede keeps a measure of its own size, so a short one stays on one line beside the title, and a longer one
   breaks into even lines instead of leaving a word behind. */
.cm-page :is(h1, .pmx-heading:has(h1)) + p { max-width: 36em; font-size: var(--cm-text-lede); font-style: italic; line-height: var(--cm-leading-lede); text-wrap: balance; }
.cm-page h2:not([data-cm-ui] h2) { margin-top: var(--cm-space-8); }
@container reading (min-width: 62rem) {
  .cm-page { padding-inline-start: var(--cm-indent); }
  .cm-page .pmx-document { max-width: calc(2 * var(--cm-text) + var(--cm-gutter)); }
}