/* Shared page edges and introduction rhythm, based on the Home layout. */
:root {
  --site-page-width: 1120px;
  --site-page-gutter: 24px;
  --site-content-width: min(calc(100% - 2 * var(--site-page-gutter)), calc(var(--site-page-width) - 2 * var(--site-page-gutter)));
  --intro-space-before: 56px;
  --intro-space-after: 64px;
  --intro-copy-width: 39ch;
}
.folio {width: 100%; max-width: var(--site-page-width); padding-inline: var(--site-page-gutter)}
.library-page {width: var(--site-content-width); max-width: none; margin-inline: auto}
.about-page > .intro,
.about-page .story,
.about-page .chapter-menu,
.about-page .progress-track,
.about-footer > div {width: var(--site-content-width); margin-inline: auto}
.enhanced .about-page .story {padding-left: 0}
@media (min-width: 641px) {
  :root {
    --site-page-gutter: 48px;
    --intro-space-before: 80px;
    --intro-space-after: 80px;
    --intro-copy-width: 47ch;
  }
}