.manual-mast {
  border-bottom: 1px solid var(--border);
  background: var(--paper-gradient);
}

.manual-kicker,
.chapter-label {
  font-family: var(--mono);
  font-size: var(--fs-ui);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-label);
  color: var(--link);
}

.manual-mast h1 {
  max-width: var(--prose-max);
  margin-top: var(--s2);
}

.manual-lead {
  max-width: var(--prose-max);
  margin-top: var(--s3);
  color: var(--muted);
  font-size: var(--fs-body);
}

.manual-facts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s2);
  margin-top: var(--s4);
}

.manual-facts span {
  display: inline-flex;
  align-items: center;
  min-height: var(--s4);
  max-width: 100%;
  padding-inline: var(--s2);
  border: 1px solid var(--border);
  border-radius: var(--r-button);
  background: var(--panel);
  color: var(--accent);
  font-size: var(--fs-small);
  font-weight: var(--weight-medium);
  overflow-wrap: anywhere;
}

.manual-body {
  max-width: calc(var(--prose-max) + var(--s12));
  padding-top: var(--s6);
  padding-bottom: var(--s10);
}

.manual-body > .toc-tabs {
  margin-bottom: var(--s8);
}

.manual-chapter {
  padding-top: var(--s3);
  border-top: 1px solid var(--border);
}

.manual-chapter + .manual-chapter {
  margin-top: var(--s12);
}

.manual-chapter h2 {
  margin-top: var(--s1);
}

.manual-chapter h3 {
  padding-bottom: var(--s1);
  border-bottom: 1px solid var(--line-soft);
}

.manual-chapter .table-scroll,
.manual-chapter .callout,
.manual-chapter .diagnostic-flow,
.manual-chapter pre {
  margin-top: var(--s4);
  margin-bottom: var(--s4);
}

.diagnostic-flow {
  padding: var(--s4);
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  background: var(--panel);
  box-shadow: var(--shadow-inset);
}

.diagnostic-flow h3 {
  margin-top: 0;
}

.diagnostic-flow ol {
  margin-top: var(--s3);
}

.diagnostic-flow li + li {
  margin-top: var(--s2);
}

.manual-body pre {
  background: var(--accent);
  color: var(--on-accent);
  border-color: var(--accent);
}

.manual-body .data-table td {
  min-width: calc(var(--s10) + var(--s6));
}

@media (max-width: 768px) {
  .manual-body {
    padding-top: var(--s4);
    padding-bottom: var(--s8);
  }

  .manual-body > .toc-tabs {
    margin-bottom: var(--s6);
  }

  .manual-chapter + .manual-chapter {
    margin-top: var(--s8);
  }

  .manual-facts {
    gap: var(--s1);
  }

  .manual-facts span {
    font-size: var(--fs-ui);
  }
}

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

  .manual-lead {
    font-size: var(--fs-md);
  }

  .manual-body {
    padding-top: var(--s3);
    padding-bottom: var(--s6);
  }

  .manual-body > .toc-tabs {
    margin-bottom: var(--s5);
  }

  .manual-chapter {
    padding-top: var(--s2);
  }

  .manual-chapter + .manual-chapter {
    margin-top: var(--s6);
  }

  .diagnostic-flow {
    padding: var(--s3);
  }
}