.reference-desk{
  padding-top:52px;
}
.reference-heading{
  max-width:920px;
  padding-bottom:36px;
}
.reference-heading h1{
  margin:16px 0 24px;
  font-size:clamp(52px,4.4vw,64px);
}
.reference-intro{
  max-width:780px;
  font-size:20px;
  line-height:1.7;
  color:var(--text-muted);
}
.reference-heading>.text-muted{
  max-width:800px;
}
.reference-labels{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}
.reference-chapter{
  max-width:100%;
  padding-top:56px;
  padding-bottom:48px;
  border-bottom:1px solid var(--border);
}
.reference-chapter:last-child{
  padding-bottom:8px;
  border-bottom:0;
}
.reference-chapter-head{
  margin-bottom:32px;
}
.reference-chapter-head .mono-label{
  color:var(--text-display-2);
}
.reference-chapter h2{
  max-width:900px;
  margin:12px 0 0;
}
.reference-chapter h3{
  max-width:860px;
  margin:32px 0 16px;
}
.reference-chapter>p{
  max-width:900px;
  margin-bottom:20px;
  line-height:1.95;
  overflow-wrap:break-word;
}
.reference-chapter>.callout{
  max-width:940px;
}
.reference-chapter>.table-scroll{
  margin-top:28px;
}
.reference-checklist{
  max-width:940px;
  margin-top:32px;
}
.reference-checklist h3{
  margin-top:0;
}
.reference-checklist ul{
  margin-top:0;
  margin-bottom:24px;
}
.reference-checklist li{
  margin-bottom:10px;
}
.reference-checklist p:last-child{
  margin-bottom:0;
}
@media(max-width:768px){
  .reference-desk{
    padding-top:36px;
  }
  .reference-heading h1{
    font-size:clamp(28px,6vw,40px);
  }
  .reference-intro{
    font-size:18px;
  }
  .reference-chapter{
    padding-top:40px;
    padding-bottom:36px;
  }
  .reference-chapter h3{
    font-size:20px;
  }
}
@media(max-width:640px){
  .reference-heading{
    padding-bottom:24px;
  }
  .reference-chapter>p{
    line-height:1.85;
  }
  .reference-chapter-head{
    margin-bottom:24px;
  }
}