.ai-opening{
  background:linear-gradient(180deg,var(--clear) 65%,var(--bg)),radial-gradient(ellipse at top left,var(--mist-sky),var(--clear) 65%),radial-gradient(ellipse at bottom right,var(--mist-sakura),var(--clear) 65%);
}
.ai-opening-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}
.ai-opening-grid>*{
  min-width:0;
}
.ai-route-note{
  max-width:440px;
  justify-self:end;
}
.ai-route-note .mini-illustration{
  display:block;
  margin:0 auto 24px;
}
.ai-route-note h2{
  font-size:28px;
}
.ai-route-note p{
  color:var(--text-muted);
}
.ai-note-list{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px 20px;
  margin:24px 0 0;
  padding-top:24px;
  border-top:1px solid var(--border);
  font-size:14px;
}
.ai-note-list dt{
  color:var(--accent-dark);
  font-weight:600;
}
.ai-note-list dd{
  margin:0;
  color:var(--text-muted);
}
.ai-reading{
  padding-top:24px;
}
.ai-chapter{
  padding-top:64px;
  padding-bottom:24px;
}
.ai-chapter+.ai-chapter{
  margin-top:24px;
  border-top:1px solid var(--border);
}
.ai-chapter .prose{
  max-width:84ch;
  margin-inline:auto;
}
.ai-chapter .tag+h2{
  margin-top:20px;
}
.ai-section-intro{
  max-width:68ch;
}
.ai-workflow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.ai-workflow>*{
  min-width:0;
}
.ai-workflow p{
  color:var(--text-muted);
  line-height:1.85;
}
.ai-workflow p:last-child{
  margin-bottom:0;
}
.ai-failure-list{
  max-width:84ch;
  margin:28px auto 0;
}
@media(max-width:960px){
  .ai-opening-grid{
    grid-template-columns:minmax(0,1fr);
    gap:32px;
  }
  .ai-route-note{
    max-width:none;
    justify-self:stretch;
  }
  .ai-workflow{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(max-width:640px){
  .ai-chapter{
    padding-top:40px;
    padding-bottom:16px;
  }
  .ai-note-list{
    gap:12px;
  }
}