.reference-intro{
  padding-bottom:40px;
}
.reference-intro h1{
  max-width:16em;
}
.reference-intro>p{
  max-width:48em;
}
.reference-intro .reference-lead{
  max-width:40em;
  font-size:var(--size-h3);
  line-height:1.65;
  color:var(--text-soft);
}
.reference-intro a,
.reference-body p a{
  text-decoration:underline;
  text-underline-offset:4px;
  text-decoration-thickness:1px;
}
.reference-intro a:hover,
.reference-body p a:hover{
  text-decoration-thickness:2px;
}
.reference-body{
  padding-bottom:72px;
}
.reference-chapter{
  max-width:100%;
  padding-top:48px;
  padding-bottom:48px;
  border-bottom:1px solid var(--border);
}
.reference-chapter:first-of-type{
  padding-top:16px;
}
.reference-chapter:last-child{
  border-bottom:0;
}
.reference-chapter>h2,
.reference-chapter>h3,
.reference-chapter>p,
.reference-chapter>.callout{
  max-width:880px;
  margin-inline:auto;
}
.reference-chapter>h2{
  margin-bottom:32px;
}
.reference-chapter>h3{
  margin-top:36px;
  margin-bottom:18px;
}
.reference-chapter>p{
  margin-bottom:24px;
  line-height:1.95;
  overflow-wrap:break-word;
}
.reference-chapter>.table-scroll{
  margin-top:32px;
  margin-bottom:32px;
  box-shadow:inset 0 1px 0 var(--white),var(--shadow-panel);
}
.reference-chapter>.callout{
  margin-top:32px;
  margin-bottom:32px;
}
.reference-chapter .callout p{
  line-height:1.85;
}
.reference-body .toc-tabs{
  margin-bottom:16px;
}
@media(max-width:768px){
  .reference-intro{
    padding-bottom:32px;
  }
  .reference-intro .reference-lead{
    font-size:var(--size-body);
  }
  .reference-body{
    padding-bottom:48px;
  }
  .reference-chapter{
    padding-top:36px;
    padding-bottom:36px;
  }
  .reference-chapter>h3{
    margin-top:28px;
  }
  .reference-chapter>p{
    line-height:1.85;
  }
}