.deepdoc-hero {
  padding-top: clamp(48px, 8vw, 96px);
  padding-bottom: var(--space-7);
  background: var(--color-paper-deep);
  border-bottom: 2px solid var(--color-wood);
}

.deepdoc-hero h1 {
  max-width: 980px;
}

.deepdoc-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: var(--space-5);
}

.deepdoc-index {
  padding-top: var(--space-6);
  padding-bottom: var(--space-6);
}

.deepdoc-index .section-heading {
  margin-bottom: var(--space-5);
}

.deepdoc-body {
  padding-top: var(--space-4);
  padding-bottom: var(--space-8);
}

.deepdoc-chapter {
  position: relative;
  padding-top: var(--space-7);
  padding-bottom: var(--space-6);
  border-bottom: 1px dashed var(--color-wood);
}

.deepdoc-chapter:last-child {
  border-bottom: 0;
}

.deepdoc-chapter > .eyebrow {
  margin-bottom: var(--space-3);
}

.deepdoc-chapter h2 {
  margin-bottom: var(--space-5);
}

.deepdoc-chapter h3 {
  margin-top: var(--space-6);
  color: var(--color-blue-dark);
}

.deepdoc-chapter p,
.deepdoc-chapter ul,
.deepdoc-chapter ol {
  max-width: var(--reading-width);
}

.deepdoc-chapter p:last-child {
  margin-bottom: 0;
}

.deepdoc-chapter .table-wrap,
.deepdoc-chapter pre {
  margin-top: var(--space-5);
  margin-bottom: var(--space-6);
}

.deepdoc-chapter code {
  overflow-wrap: anywhere;
}

.deepdoc-checklist .card {
  height: 100%;
}

@media (max-width: 640px) {
  .deepdoc-hero {
    padding-top: var(--space-7);
  }

  .deepdoc-body {
    padding-top: 0;
  }

  .deepdoc-chapter {
    padding-top: var(--space-6);
    padding-bottom: var(--space-5);
  }

  .deepdoc-facts {
    align-items: stretch;
  }

  .deepdoc-facts .badge {
    flex: 1 1 auto;
    justify-content: center;
  }
}