.guide-intro{
  position:relative;
  padding-bottom:40px;
}
.guide-intro::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-40px -12px 25% 25%;
  background:radial-gradient(ellipse at 75% 25%,var(--aqua-a28),var(--transparent) 72%);
  pointer-events:none;
}
.guide-intro h1{
  max-width:100%;
}
.guide-deck{
  margin-top:24px;
  margin-bottom:18px;
  font-size:20px;
  color:var(--text-muted);
}
.guide-intro a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}
.guide-facts{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.guide-scope{
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid var(--border);
  color:var(--text-muted);
  font-size:var(--small-size);
}
.guide-body{
  position:relative;
}
.guide-body>section{
  padding-bottom:20px;
}
.guide-body>section+section{
  border-top:1px solid var(--border);
}
.guide-body .toc-tabs a{
  text-decoration:none;
}
.guide-body .table-scroll{
  margin-block:24px;
}
.guide-body .callout p{
  margin-block:0;
}
.guide-body>section:last-child{
  padding-bottom:0;
}
@media(max-width:640px){
  .guide-intro{
    padding-bottom:28px;
  }
  .guide-intro::before{
    inset:-24px 0 35% 15%;
  }
  .guide-deck{
    font-size:18px;
  }
}