:root{
  --doc-mobile-title:36px;
  --doc-copy-width:960px;
}
.doc-opening{
  background:linear-gradient(180deg,var(--accent-a05),var(--clear));
}
.doc-opening h1{
  margin-top:24px;
  font-size:var(--fs-h1);
}
.doc-facts{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.doc-intro{
  max-width:var(--doc-copy-width);
  margin-top:32px;
  color:var(--text-muted);
  line-height:1.85;
}
.doc-intro a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:4px;
}
.doc-reference{
  padding-top:16px;
}
.doc-chapter{
  max-width:var(--doc-copy-width);
  margin-inline:auto;
  padding-top:24px;
  padding-bottom:40px;
}
.doc-chapter+.doc-chapter{
  border-top:1px solid var(--border);
}
.doc-chapter h2{
  margin-top:32px;
}
.doc-chapter p{
  line-height:1.9;
}
@media(max-width:768px){
  .doc-opening h1{
    font-size:var(--doc-mobile-title);
  }
  .doc-chapter{
    padding-top:16px;
    padding-bottom:24px;
  }
}