:root{
  --reference-reading:900px;
  --reference-intro-size:18px;
  --reference-kicker-size:12px;
}
.reference-heading{
  max-width:var(--reference-reading);
  margin-inline:auto;
  margin-bottom:40px;
}
.reference-heading h1{
  margin-top:20px;
  margin-bottom:24px;
}
.reference-intro{
  max-width:760px;
  font-size:var(--reference-intro-size);
  line-height:1.85;
  color:var(--text-muted);
}
.reference-intro a{
  color:var(--accent-dark);
}
.reference-facts{
  display:flex;
  flex-wrap:wrap;
  gap:10px 24px;
  margin-top:26px;
  padding-top:20px;
  border-top:1px solid var(--border);
  color:var(--text-muted);
}
.reference-facts span{
  font-size:var(--reference-kicker-size);
  font-weight:700;
}
.reference-chapter{
  max-width:var(--reference-reading);
  margin-inline:auto;
  padding-top:40px;
  padding-bottom:40px;
  border-bottom:1px solid var(--border);
}
.reference-chapter:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.reference-kicker{
  display:block;
  color:var(--accent-dark);
  font-size:var(--reference-kicker-size);
  font-weight:700;
  letter-spacing:.06em;
}
.reference-chapter h2{
  margin-top:16px;
  margin-bottom:26px;
}
.reference-chapter h3{
  margin-bottom:18px;
}
.reference-chapter .table-scroll{
  margin-top:28px;
  margin-bottom:30px;
}
@media(max-width:640px){
  :root{
    --reference-intro-size:16px;
  }
  .reference-heading{
    margin-bottom:28px;
  }
  .reference-chapter{
    padding-top:30px;
    padding-bottom:30px;
  }
  .reference-facts{
    gap:10px 18px;
  }
}