.ai-reference{
  max-width:var(--content-width);
}
.reference-heading{
  max-width:980px;
  padding-bottom:var(--space-6);
}
.reference-heading h1{
  margin:var(--space-3) 0;
  font-size:var(--title-size);
  line-height:1.15;
}
.reference-intro{
  max-width:760px;
  color:var(--muted);
  font-size:var(--text-lg);
}
.reference-heading .chips{
  margin-top:var(--space-3);
}
.reference-scope{
  max-width:820px;
  margin-top:var(--space-3);
  margin-bottom:0;
}
.reference-manual{
  min-width:0;
}
.reference-chapter{
  padding-top:var(--space-8);
  padding-bottom:var(--space-4);
  border-bottom:1px solid var(--border);
}
.reference-chapter:last-child{
  border-bottom:0;
}
.reference-chapter h2{
  max-width:940px;
}
.reference-chapter .prose{
  max-width:900px;
}
.reference-chapter .prose h3{
  margin-top:var(--space-4);
}
.reference-chapter .prose p{
  margin-bottom:var(--space-3);
}
.reference-chapter .table-scroll{
  margin-top:var(--space-3);
  margin-bottom:var(--space-4);
}
.reference-chapter .callout{
  max-width:900px;
}
.reference-chapter .callout p{
  margin-bottom:0;
}
.reference-chapter a:not(.btn),
.reference-scope a{
  color:var(--accent-dark);
}
.reference-chapter pre{
  margin-top:var(--space-3);
  margin-bottom:var(--space-4);
  border:1px solid var(--border);
  font-size:var(--text-sm);
}
.reference-chapter :not(pre)>code{
  padding:2px 5px;
  border-radius:var(--r-xs);
  background:var(--panel-2);
  font-size:var(--text-sm);
}
@media(max-width:768px){
  .reference-heading h1{
    font-size:38px;
  }
  .reference-heading{
    padding-bottom:var(--space-4);
  }
}
@media(max-width:640px){
  .reference-intro{
    font-size:var(--text-base);
  }
  .reference-chapter{
    padding-top:var(--space-6);
    padding-bottom:var(--space-3);
  }
}