html {
  --font-sans: "PT Serif", sans-serif;
  --font-serif: "PT Serif", serif;
  --text-small: calc(15rem / 16);
  --text-tiny: calc(14rem / 16);
  --text-xs: calc(13rem / 16);
  --letter-spacing: 0;
}

.doc-page-container {
  width: 100%;
  background-color: #fafafa;
  padding: 2rem 1rem;
  margin-top: -2rem;
}

.doc-page-container-inner {
  margin: 0 auto;
  max-width: 640px;
  padding: 2rem;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 14px 0px;
  border: 1px solid var(--border-color);
}

.doc-page-nav {
  margin-bottom: 2.5rem;
}

.doc-page-nav .main-logo {
  max-width: 300px;
}


.doc-page-content {}

.doc-page-content p {
  margin-bottom: 2rem;
}

.doc-page-content p:has(+ p),
.doc-page-content p:has(+ ul) {
  margin-bottom: .75rem;
}

.doc-page-content h1 {
  margin-bottom: 1rem;
}

.doc-page-content h2 {
  margin-bottom: .75rem;
}

.doc-page-content h3 {
  margin-bottom: .5rem;
}

.doc-page-content ul {
  padding-left: 20px;
  margin-bottom: 1.5rem;
}

.doc-page-content ul li>p {
  margin-bottom: .75rem;
}