/* Documentation uses the main page's palette and typography. */
.document-page{max-width:940px}
.document-page header{margin-bottom:24px}
.document-page h1{font-size:clamp(2rem,4vw,2.8rem);line-height:1.2}
.document{background:white;border:1px solid var(--line);border-radius:14px;padding:32px;line-height:1.75;overflow-wrap:anywhere}
.document h2{margin:2rem 0 .7rem;font-size:1.4rem;line-height:1.3}
.document h2:first-child{margin-top:0}
.document p{margin:.8rem 0}
.document li{margin:.5rem 0}
.document code{font-size:.9em;background:var(--paper);padding:.1em .3em;border-radius:4px}
.document pre{background:var(--paper);border:1px solid var(--line);padding:16px;border-radius:7px;overflow:auto;line-height:1.5}
.document pre code{padding:0;white-space:pre;overflow-wrap:normal}
@media(max-width:620px){.document{padding:20px}.document ul,.document ol{padding-left:22px}}