.ai-intro{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}
.ai-intro>*{min-width:0}
.ai-intro h1{margin:24px 0 0}
.ai-intro-copy>.muted{margin-top:24px;line-height:1.9}
.ai-path-window{max-width:100%}
.ai-path-list{display:grid;gap:12px;margin:0}
.ai-path-list>div{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  align-items:start;
  gap:16px;
  padding:20px;
  background:var(--panel-2);
  border-radius:var(--r-sm);
}
.ai-path-list dt{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:var(--weight-strong);
}
.ai-path-list dd{margin:0;color:var(--muted);line-height:1.8;min-width:0}
.ai-fact-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.ai-path-window>p{margin:20px 0 0;font-size:var(--size-small);line-height:1.85}
.ai-reference{max-width:1120px}
.ai-reference>section{padding-top:12px;padding-bottom:20px}
.ai-reference>section>h2{margin-top:40px}
.ai-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:24px}
.ai-mode-grid>*{min-width:0}
.ai-mode-grid h3{margin-top:0}
.ai-mode-grid p{margin-bottom:0}
.ai-next-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px}
.ai-next-links>a:not(.btn){display:inline-flex;align-items:center;min-height:44px;color:var(--accent-dark)}
@media(max-width:1000px){
  .ai-intro{gap:32px}
}
@media(max-width:768px){
  .ai-intro{grid-template-columns:minmax(0,1fr)}
  .ai-mode-grid{grid-template-columns:minmax(0,1fr)}
  .ai-reference>section>h2{margin-top:32px}
}
@media(max-width:640px){
  .ai-path-list>div{grid-template-columns:minmax(0,1fr);gap:8px;padding:16px}
}