.deepdoc-intro h1 {
  margin-top: 16px;
  margin-bottom: 0;
}

.deepdoc-intro__rule {
  display: block;
  width: 112px;
  height: 2px;
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: var(--radius-line);
  background: linear-gradient(90deg, var(--accent), var(--magenta));
  color: var(--text);
}

.deepdoc-intro__lead {
  max-width: 34em;
  margin-bottom: 24px;
  font-size: var(--size-h3);
  color: var(--text);
}

.deepdoc-intro .fact-pills {
  justify-content: flex-start;
}

.deepdoc-toc {
  margin-top: 36px;
}

.deepdoc-icon {
  border-radius: var(--radius-mark);
}

@media (max-width: 640px) {
  .deepdoc-intro__lead {
    font-size: var(--size-body);
  }
}