.manual-mast {
  padding-top: 104px;
  padding-bottom: 88px;
}

.manual-mast h1 {
  max-width: 18em;
  margin-top: 24px;
}

.manual-mast__term {
  background: var(--grad-text);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.manual-mast__lead {
  max-width: 42em;
  margin-top: 24px;
  font-size: 20px;
  line-height: 1.75;
  color: var(--text);
}

.manual-mast__context {
  max-width: 66em;
  margin-top: 22px;
  color: var(--text-muted);
}

.manual-mast__context a,
.manual-index__note a {
  text-decoration: underline;
  text-underline-offset: .2em;
}

.manual-mast__context a {
  color: var(--accent-dark);
}

.manual-index__intro {
  max-width: 62em;
  margin-top: 18px;
}

.manual-toc {
  max-width: 1000px;
  margin-top: 32px;
  margin-bottom: 0;
}

.manual-toc a {
  max-width: 100%;
  border-color: var(--border-strong);
}

.manual-index__note {
  margin-top: 28px;
  font-size: 14px;
}

.manual-index__note a {
  color: var(--on-dark);
}

.manual-body {
  padding-top: 32px;
  padding-bottom: 112px;
}

.manual-chapter {
  max-width: 82ch;
  padding-top: 72px;
  padding-bottom: 76px;
  border-bottom: 1px solid var(--border);
  scroll-margin-top: 24px;
}

.manual-chapter__number {
  color: var(--accent-dark);
  font: 500 13px/1.5 var(--font-mono);
  letter-spacing: .07em;
}

.manual-chapter h2 {
  margin-top: 12px;
}

.manual-chapter h3 {
  font-size: 22px;
}

.manual-chapter p {
  line-height: 1.85;
}

.manual-chapter .callout {
  max-width: 68ch;
}

.manual-chapter .callout p {
  margin-top: 6px;
}

.manual-chapter .table-scroll {
  margin-top: 24px;
}

.manual-chapter .data-table {
  min-width: 560px;
}

.manual-chapter pre {
  margin-top: 24px;
}

.manual-body .end-store {
  max-width: 82ch;
  margin-top: 72px;
}

.manual-body .end-store h2 {
  font-size: 22px;
}

.manual-body .end-store .btn {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .manual-mast {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .manual-mast__lead {
    font-size: 17px;
  }

  .manual-body {
    padding-top: 4px;
    padding-bottom: 76px;
  }

  .manual-chapter {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .manual-chapter h3 {
    font-size: 20px;
  }

  .manual-body .end-store {
    margin-top: 56px;
  }
}

@media (max-width: 640px) {
  .manual-mast {
    padding-top: 56px;
    padding-bottom: 64px;
  }

  .manual-mast__lead {
    font-size: 16px;
  }

  .manual-chapter {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .manual-chapter .data-table {
    min-width: 520px;
  }
}