.docs-intro {
  max-width:calc(var(--reading-width) + var(--gutter) * 2);
}
.docs-kicker {
  margin-bottom:24px;
  color:var(--ink-soft);
  font-family:var(--font-mono);
  font-size:var(--fs-sm);
}
.docs-intro .lede {
  max-width:38em;
  margin-bottom:24px;
}
.docs-intro-note {
  max-width:44em;
  color:var(--ink-soft);
}
.docs-intro-note a {
  color:var(--ink);
  font-weight:var(--weight-semibold);
}
.docs-scope {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 16px;
  margin-top:32px;
  padding-top:24px;
  border-top:1px solid var(--paper-line-2);
  color:var(--ink-soft);
  font-size:var(--fs-sm);
}
.docs-manual > .toc {
  margin-bottom:56px;
}
.docs-chapter {
  padding-top:16px;
  padding-bottom:64px;
}
.docs-chapter + .docs-chapter {
  padding-top:56px;
  border-top:1px solid var(--border);
}
.docs-chapter > h2:first-child {
  margin-top:0;
}
.docs-chapter h2[id] {
  scroll-margin-top:28px;
}
.docs-chapter .callout {
  margin-top:28px;
  margin-bottom:28px;
}
.docs-chapter .callout p {
  color:var(--text-muted);
}
.docs-closing h2 {
  font-size:var(--fs-h3);
}
.docs-closing p {
  max-width:42em;
}
.docs-closing .cluster {
  gap:16px 24px;
}
@media (max-width:640px) {
  .docs-manual > .toc {
    margin-bottom:36px;
  }
  .docs-chapter {
    padding-bottom:40px;
  }
  .docs-chapter + .docs-chapter {
    padding-top:40px;
  }
}