.reference-opening{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
  align-items:start;
  gap:48px;
}
.reference-opening>div,
.reference-notebook{
  min-width:0;
}
.reference-opening h1{
  margin:24px 0 28px;
}
.reference-intro{
  margin-top:24px;
  max-width:58ch;
  color:var(--muted);
}
.reference-intro a{
  color:var(--text);
  text-decoration:underline;
  text-underline-offset:.2em;
}
.reference-notebook .reference-note-title{
  margin:20px 0;
  font-family:var(--font-serif);
  font-size:var(--size-h3);
  font-weight:var(--weight-normal);
}
.reference-notebook>p:not(.cap){
  margin-bottom:24px;
}
.reference-notebook .btn{
  margin-top:24px;
}
.reference-manual{
  position:relative;
}
.reference-reading{
  max-width:84ch;
  margin-inline:auto;
}
.reference-chapter{
  max-width:none;
  padding-top:56px;
  padding-bottom:32px;
}
.reference-chapter+.reference-chapter{
  border-top:1px solid var(--border);
}
.reference-chapter>h2{
  margin-top:20px;
  margin-bottom:32px;
}
.reference-chapter>h3{
  margin-bottom:16px;
}
.reference-chapter .table-scroll{
  margin-block:28px;
}
.reference-chapter .cap{
  margin-top:0;
}
@media(max-width:1024px){
  .reference-opening{
    grid-template-columns:minmax(0,1fr);
    gap:32px;
  }
}
@media(max-width:768px){
  .reference-opening h1{
    margin:20px 0 24px;
  }
  .reference-chapter{
    padding-top:40px;
    padding-bottom:24px;
  }
  .reference-chapter>h2{
    margin-bottom:24px;
  }
}