.doc-intro{
  position:relative;
  isolation:isolate;
  max-width:100%;
  overflow-x:clip;
  background:radial-gradient(ellipse at 12% 8%,var(--wash-violet),var(--clear) 64%),linear-gradient(145deg,var(--bg),var(--wash-orange),var(--bg-deep));
  border-bottom:1px solid var(--border);
}
.doc-intro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:radial-gradient(var(--dot) 1px,var(--clear) 1px);
  background-size:24px 24px;
}
.doc-intro h1{
  margin:var(--space-3) 0;
}
.doc-intro p:last-of-type{
  margin-bottom:0;
}
.doc-deck{
  font-size:var(--text-lg);
  font-weight:var(--weight-semibold);
}
.doc-line{
  display:block;
  width:min(320px,100%);
  height:auto;
  margin-top:var(--space-2);
}
.doc-manual{
  padding-top:var(--space-2);
  padding-bottom:var(--space-6);
}
.doc-chapter{
  padding-top:var(--space-5);
  padding-bottom:var(--space-5);
}
.doc-chapter+.doc-chapter{
  border-top:1px solid var(--border);
}
.doc-chapter .prose{
  padding-inline:0;
  max-width:calc(var(--reading) - var(--gutter) * 2);
}
.doc-chapter .prose h2{
  margin-top:var(--space-2);
  margin-bottom:var(--space-4);
}
.doc-chapter .prose h3{
  margin-bottom:var(--space-2);
}
.doc-chapter .prose p{
  margin-bottom:var(--space-3);
}
.doc-chapter .table-scroll{
  margin-block:var(--space-4);
}
.doc-chapter .prose th,
.doc-chapter .prose td{
  vertical-align:top;
}
.doc-chapter .prose p:last-child{
  margin-bottom:0;
}
@media(max-width:640px){
  .doc-chapter{
    padding-top:var(--space-4);
    padding-bottom:var(--space-4);
  }
  .doc-intro .badge{
    font-size:var(--text-xs);
  }
}