.manual-intro {
  border-bottom:1px solid var(--c-line-soft);
}

.manual-intro h1 {
  margin-top:24px;
}

.manual-lead {
  margin-top:24px;
  margin-bottom:20px;
  color:var(--c-text);
  font-size:20px;
  line-height:1.8;
}

.manual-scope {
  margin-top:32px;
  padding:24px;
  border:1px solid var(--c-border);
  border-radius:var(--r-card);
  background:var(--c-panel);
}

.manual-scope p + p {
  margin-top:10px;
}

.manual-body {
  padding-top:48px;
  padding-bottom:var(--section-space);
}

.manual-toc {
  position:static;
  padding:24px;
  box-shadow:var(--shadow-card);
}

.manual-toc-label {
  margin-bottom:12px;
  color:var(--c-text);
  font-size:var(--size-small);
  font-weight:var(--weight-strong);
}

.manual-toc ul {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px 20px;
}

.manual-toc a {
  min-height:44px;
}

.manual-prose {
  margin-top:64px;
}

.manual-chapter {
  padding-top:48px;
  padding-bottom:56px;
  border-bottom:1px solid var(--c-border);
  scroll-margin-top:24px;
}

.manual-chapter:first-child {
  padding-top:0;
}

.manual-stage {
  color:var(--c-accent-dark);
  font-size:var(--size-small);
  font-weight:var(--weight-strong);
  letter-spacing:.03em;
}

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

.manual-chapter h3 {
  max-width:100%;
}

.manual-chapter > p {
  text-align:start;
}

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

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

.manual-end {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:16px 24px;
  margin-top:32px;
  font-size:var(--size-small);
}

.manual-end a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
}

@media (max-width:768px) {
  .manual-lead {
    font-size:18px;
  }

  .manual-toc ul {
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:16px;
  }

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

@media (max-width:480px) {
  .manual-scope,
  .manual-toc {
    padding:20px;
  }

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

  .manual-prose {
    margin-top:48px;
  }

  .manual-toc ul {
    column-gap:12px;
  }

  .manual-toc a {
    font-size:13px;
  }
}

@media print {
  .manual-toc,
  .manual-end {
    display:none;
  }

  .manual-chapter {
    break-before:auto;
  }

  .manual-chapter h2,
  .manual-chapter h3 {
    break-after:avoid;
  }
}