.docs-hero .doc-toc {
  max-width: 760px;
  margin: 34px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  list-style: none;
}

.docs-hero .doc-toc a {
  color: var(--dark-muted);
  font-size: 12px;
  text-underline-offset: 5px;
}

.docs-hero .doc-toc a:hover {
  color: white;
}

.docs-body section {
  scroll-margin-top: 24px;
}

.docs-body .body-copy {
  max-width: 730px;
}

.docs-body .note {
  max-width: 730px;
  margin: 32px 0 0;
  padding: 20px 0 2px 20px;
  border-top: 1px solid var(--line);
  border-left: 4px solid var(--orange);
  color: var(--muted);
  font: 15px/1.68 var(--serif);
}

.docs-body .plain-links {
  padding: 0;
  list-style: none;
}

.docs-body .plain-links li {
  margin-top: 10px;
}

@media (max-width: 720px) {
  .docs-hero .doc-toc {
    display: grid;
    gap: 12px;
  }
}