/* The documents outside docs/ as pages: the README, the changelog and the
   templates' (scripts/build-react.mjs renders them from the Markdown; docs/
   is the Docusaurus site's). Their frame only (lists, quotes and inline code
   are .al-prose's). Tokens only, logical properties only. */
body { margin: 0; }
.dp-layout { display: grid; grid-template-columns: 13rem minmax(0, 1fr); gap: var(--al-space-12); align-items: start; padding-block: var(--al-space-8) var(--al-space-16); }
.dp-main { min-inline-size: 0; grid-column: -2; }
.dp-doc { max-inline-size: 46rem; }
.dp-doc :is(h1, h2, h3, h4) { font-family: var(--al-font-display); font-weight: var(--al-weight-regular); line-height: var(--al-leading-heading); letter-spacing: var(--al-tracking-tight); scroll-margin-block-start: calc(5rem + var(--al-space-6)); }
/* Below the sticky site header (5rem): what's on the page, and where a link to a heading lands. */
.dp-toc { inset-block-start: calc(5rem + var(--al-space-6)); }
.dp-doc h1 { margin: 0; font-size: var(--al-text-3xl); }
.dp-doc h2 { margin-block-start: var(--al-space-12); font-size: var(--al-text-2xl); }
.dp-doc h3 { margin-block-start: var(--al-space-8); font-size: var(--al-text-xl); }
.dp-doc pre { margin-inline: 0; padding: var(--al-space-4); overflow-x: auto; border: var(--al-border-hairline) solid var(--al-color-line); border-radius: var(--al-radius-sm); background: var(--al-color-surface); font-family: var(--al-font-mono); font-size: var(--al-text-sm); line-height: var(--al-leading-ui); direction: ltr; text-align: start; }
.dp-doc .al-table-wrap { font-family: var(--al-font-sans); font-size: var(--al-text-sm); }
.dp-source { margin-block-start: var(--al-space-12); font-size: var(--al-text-sm); }
@media (max-width: 52rem) {
  .dp-layout { grid-template-columns: minmax(0, 1fr); gap: var(--al-space-6); }
  .dp-main { grid-column: auto; }
}