.ai-opening{
  padding-top:56px;
  padding-bottom:56px;
  background-image:radial-gradient(circle at 1px 1px,var(--dot-page) 1px,var(--clear) 1.5px),linear-gradient(180deg,var(--hero-top),var(--hero-bottom));
  background-size:16px 16px,100% 100%;
}
.ai-opening-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  align-items:start;
  gap:64px;
}
.ai-opening-grid>*{min-width:0}
.ai-opening-copy h1{margin-top:24px}
.ai-intro{
  max-width:34em;
  margin-top:28px;
  margin-bottom:0;
  color:var(--text-muted);
  font-size:var(--h3-size);
  line-height:1.7;
}
.ai-route-sheet{
  position:relative;
  isolation:isolate;
  padding:28px;
  border:1px solid var(--on-accent-line);
  border-radius:var(--r-lg);
  background:linear-gradient(145deg,var(--accent),var(--accent-deep));
  box-shadow:var(--shadow-panel),inset 0 1px 0 var(--hi-edge);
  color:var(--on-accent);
}
.ai-sheet-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:20px;
  border-bottom:1px solid var(--on-accent-line);
  font-size:var(--small-size);
  color:var(--on-accent-muted);
}
.ai-path-list{
  display:grid;
  gap:12px;
  list-style:none;
  padding:0;
  margin:24px 0;
}
.ai-path-list li{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  padding:18px;
  background:var(--bg-panel);
  border:1px solid var(--hi-edge);
  border-radius:var(--r-md);
  color:var(--text);
  box-shadow:inset 0 1px 0 var(--hi-inset);
}
.ai-path-list li>div{min-width:0}
.ai-path-list strong{font-weight:var(--weight-bold)}
.ai-path-list p{
  margin:4px 0 0;
  color:var(--text-muted);
  font-size:var(--small-size);
  overflow-wrap:anywhere;
}
.ai-sheet-note{
  margin:0;
  font-size:var(--small-size);
  color:var(--on-accent-muted);
}
.ai-reference{max-width:1120px}
.ai-chapter{padding-top:24px;padding-bottom:40px}
.ai-chapter+.ai-chapter{
  padding-top:48px;
  border-top:1px solid var(--border);
}
.ai-chapter:last-child{padding-bottom:0}
.ai-chapter .prose{max-width:880px}
.ai-chapter .table-scroll{margin-bottom:28px}
.ai-chapter .faq-list{max-width:880px}
@media(max-width:960px){
  .ai-opening-grid{gap:32px}
  .ai-route-sheet{padding:20px}
}
@media(max-width:768px){
  .ai-opening{padding-top:32px;padding-bottom:40px}
  .ai-opening-grid{grid-template-columns:1fr;gap:32px}
  .ai-intro{font-size:var(--text-size)}
  .ai-chapter{padding-top:16px;padding-bottom:32px}
  .ai-chapter+.ai-chapter{padding-top:32px}
}
@media(max-width:380px){
  .ai-route-sheet{padding:16px}
  .ai-path-list li{padding:14px;gap:12px}
  .ai-opening .btn{padding-inline:20px}
}