.ai-intro{
  text-align:center;
  position:relative;
  background:linear-gradient(180deg,var(--sky-peach),var(--sky-blue),var(--clear));
}
.ai-intro h1{
  max-width:920px;
  margin:var(--space-3) auto 0;
}
.ai-lead{
  max-width:720px;
  margin:var(--space-3) auto 0;
  color:var(--text-muted);
}
.ai-intro-facts{
  justify-content:center;
}
.ai-path{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:var(--space-2);
  max-width:880px;
  margin:var(--space-5) auto 0;
}
.ai-path>div{
  min-width:0;
}
.ai-path p{
  margin-top:var(--space-1);
  font-size:var(--text-small);
  color:var(--text-muted);
}
.ai-path-arrow{
  color:var(--teal);
  font-size:var(--h3-size);
}
.ai-body{
  padding-bottom:var(--section-space);
}
.ai-body .toc-tabs{
  margin-top:var(--space-4);
}
.ai-body .toc-tabs a{
  text-decoration:none;
}
.ai-body section{
  padding-top:var(--space-2);
}
.ai-body section:first-of-type h2{
  margin-top:var(--space-2);
}
@media(max-width:640px){
  .ai-path{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-1);
  }
  .ai-path-arrow{
    transform:rotate(90deg);
    justify-self:center;
  }
  .ai-intro h1{
    overflow-wrap:break-word;
  }
}