.doc-hero{
  position:relative;
  overflow-x:clip;
  padding-top:84px;
  padding-bottom:72px;
  text-align:left;
  border-bottom:1px solid var(--color-border);
}
.doc-hero::after{
  content:"";
  position:absolute;
  right:max(var(--gutter),calc((100vw - var(--content-width)) / 2));
  bottom:0;
  width:min(36vw,420px);
  height:2px;
  background:linear-gradient(90deg,var(--color-glow-clear),var(--color-accent),var(--color-accent-end));
}
.doc-hero h1{
  max-width:900px;
  font-size:clamp(34px,3.3vw,48px);
}
.doc-hero-lead{
  max-width:760px;
  margin-top:20px;
  color:var(--color-muted);
  font-size:20px;
  line-height:1.75;
}
.doc-meta{
  margin-top:24px;
}
.doc-actions{
  margin-top:28px;
}
.doc-intro{
  padding-bottom:44px;
}
.doc-toc{
  margin-top:34px;
}
.doc-article>.section{
  overflow:visible;
  padding-top:72px;
  padding-bottom:72px;
  scroll-margin-top:20px;
}
.doc-article>.section:nth-child(odd){
  border-top:1px solid var(--color-border);
  border-bottom:1px solid var(--color-border);
}
.doc-article .prose{
  font-size:17px;
  line-height:1.9;
}
.doc-article .prose h2{
  margin-top:0;
  margin-bottom:34px;
}
.doc-article .prose h3{
  position:relative;
  padding-left:18px;
}
.doc-article .prose h3::before{
  content:"";
  position:absolute;
  top:.2em;
  bottom:.2em;
  left:0;
  width:2px;
  border-radius:var(--radius-pill);
  background:linear-gradient(var(--color-accent),var(--color-accent-end));
}
.doc-article .data-table{
  display:block;
  max-width:100%;
  overflow-x:auto;
  border-radius:var(--radius-md);
  -webkit-overflow-scrolling:touch;
}
.doc-article .data-table th,
.doc-article .data-table td{
  min-width:150px;
}
.doc-article pre{
  margin-top:26px;
  margin-bottom:26px;
  box-shadow:var(--shadow-panel);
}
.doc-article .callout{
  margin-top:28px;
  margin-bottom:28px;
}
.doc-end-title{
  margin-bottom:8px;
  font-size:26px;
}
@media (max-width:768px){
  .doc-hero{
    padding-top:58px;
    padding-bottom:54px;
  }
  .doc-hero h1{
    font-size:clamp(26px,7vw,30px);
  }
  .doc-hero-lead{
    font-size:17px;
  }
  .doc-article>.section{
    padding-top:58px;
    padding-bottom:58px;
  }
  .doc-article .prose{
    font-size:16px;
    line-height:1.82;
  }
  .doc-article .prose h2{
    margin-bottom:28px;
  }
}
@media (max-width:640px){
  .doc-actions .button{
    width:100%;
  }
  .doc-article .callout{
    padding-left:48px;
  }
  .doc-end-title{
    font-size:22px;
  }
}