.content {
  margin: 0 auto;
  padding: 64px 0;
  max-width: 64ch;
}

.content-large {
  margin: 0 auto;
  padding: 64px 0;
  max-width: 1200px;
}

.content-toc {
  margin: 0 auto;
  padding: 24px 0;
  max-width: 1200px;
  display: grid;
  grid-template-columns: 1fr minmax(0, 256px);
  grid-template-rows: 1fr;
  grid-column-gap: 64px;
  grid-row-gap: 0px;
  overflow: visible;
}

.grid {
  display: grid;
  row-gap: 48px;
}

main.content-toc div.table-of-contents {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 0;
  height: calc(100vh - 80px);
  padding: 80px 0 0 0;
}
main.content-toc p {
  max-width: 72ch;
}

@media only screen and (max-width: 414px) {
  main.content-toc {
    display: flex;
    margin: 0 16px;
  }
  main.content-toc div.table-of-contents {
    display: none;
  }
}

/*# sourceMappingURL=LayoutCenterContent.css.map */