.feature-manual {
  max-width: calc(1040px + var(--gutter) * 2);
}
.feature-intro {
  max-width: var(--reading-width);
}
.feature-intro h1 {
  margin-top: 16px;
  margin-bottom: 24px;
}
.feature-topics {
  justify-content: flex-start;
  margin-top: 24px;
  margin-bottom: 24px;
}
.feature-chapter {
  padding-top: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid var(--border);
}
.feature-chapter:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.feature-chapter-heading {
  max-width: var(--reading-width);
  margin-bottom: 28px;
}
.feature-chapter-heading h2 {
  margin-top: 10px;
  margin-bottom: 16px;
}
.feature-chapter .prose {
  max-width: var(--reading-width);
}
.feature-rule-pair {
  margin-top: 24px;
  margin-bottom: 24px;
}
.feature-rule-pair h3 {
  margin-top: 0;
  margin-bottom: 16px;
}
.feature-rule-pair ul {
  padding-left: 22px;
  margin-bottom: 0;
}
.feature-rule-pair li + li {
  margin-top: 12px;
}
.feature-rule-pair .muted {
  margin-top: 20px;
  margin-bottom: 0;
}
.feature-chapter .table-scroll {
  margin-top: 24px;
  margin-bottom: 28px;
  border: 1px solid var(--border);
  border-radius: var(--r-tile);
  background: var(--panel);
  color: var(--ink);
}
.feature-chapter caption {
  padding: 16px 20px;
  text-align: left;
  color: var(--muted);
  font-size: var(--text-sm);
}
.feature-chapter .data-table {
  min-width: 720px;
}
@media (max-width: 768px) {
  .feature-chapter {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}