.ai-intro{
  padding-top:56px;
  padding-bottom:56px;
  background:linear-gradient(180deg,var(--fog-blue),var(--fog-lilac) 65%,var(--bg));
  overflow-x:clip;
  max-width:100%;
}
.ai-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}
.ai-intro-copy{min-width:0}
.ai-intro-copy h1{margin-top:20px}
.ai-intro-lead{
  max-width:32em;
  margin-top:28px;
  font-size:var(--text-lead);
  color:var(--text-muted);
}
.ai-route-note{min-width:0}
.ai-route-note>svg{display:block;max-width:100%;margin-inline:auto}
.ai-route-note h2{margin-top:16px}
.ai-check-list{
  list-style:none;
  padding:0;
  margin:24px 0;
  display:grid;
  gap:16px;
}
.ai-check-list li{
  display:grid;
  grid-template-columns:5em minmax(0,1fr);
  align-items:start;
  gap:12px;
  padding-top:16px;
  border-top:1px solid var(--border);
}
.ai-check-list strong{color:var(--accent-dark)}
.ai-check-list span,.ai-route-note>p{
  font-size:var(--text-small);
  color:var(--text-muted);
}
.ai-reference{padding-top:24px}
.ai-chapter{
  padding-top:56px;
  padding-bottom:16px;
  min-width:0;
}
.ai-chapter+.ai-chapter{margin-top:24px}
.ai-chapter .section-head .kicker{margin-top:0;margin-bottom:12px}
.ai-chapter .prose{max-width:900px}
.ai-chapter .table-scroll{margin-bottom:28px}
.ai-next-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px 24px;
  margin-top:32px;
}
@media(max-width:768px){
  .ai-intro{padding-top:40px;padding-bottom:40px}
  .ai-intro-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .ai-route-note>svg{width:200px;height:auto}
  .ai-chapter{padding-top:40px}
}
@media(max-width:640px){
  .ai-intro-lead{font-size:var(--text-base)}
  .ai-check-list li{grid-template-columns:minmax(0,1fr);gap:4px}
  .ai-next-links{align-items:flex-start}
}