.ai-intro {
  padding-top:56px;
  padding-bottom:64px;
}
.ai-intro-grid {
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
  gap:56px;
  align-items:center;
}
.ai-intro-grid > * {
  min-width:0;
}
.ai-intro-copy h1 {
  margin-top:20px;
}
.ai-intro-actions {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:26px;
}
.ai-intro-copy .lede {
  max-width:620px;
  margin-top:24px;
}
.ai-intro-facts {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}
.ai-reading-note h2 {
  margin-top:20px;
  font-size:var(--size-h3);
}
.ai-reading-note ul {
  display:grid;
  gap:18px;
  list-style:none;
  padding:0;
  margin:28px 0;
}
.ai-reading-note li {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:14px;
}
.ai-reading-note li span {
  color:var(--muted);
}
.ai-reading-note > p {
  font-size:var(--size-small);
}
.ai-document {
  padding-top:24px;
}
.ai-document > .toc-tabs {
  margin-top:0;
}
.ai-chapter {
  padding-top:32px;
  padding-bottom:40px;
}
.ai-chapter + .ai-chapter {
  margin-top:32px;
}
.ai-chapter .prose > h2:first-child {
  margin-top:0;
}
.ai-principles {
  margin-top:32px;
}
.ai-principles h3 {
  margin-top:20px;
  font-size:var(--size-h3);
}
.ai-principles p {
  margin-top:14px;
  color:var(--text-2);
  line-height:1.85;
}
.ai-after-table {
  margin-top:28px;
}
.ai-environment-list {
  display:grid;
  gap:24px;
}
.ai-environment-list > .panel {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);
  gap:36px;
}
.ai-environment-list > .panel > * {
  min-width:0;
}
.ai-environment-heading h3 {
  margin-top:16px;
  font-size:var(--size-h3);
}
.ai-environment-list p {
  line-height:1.85;
  color:var(--text-2);
}
.ai-related-reading {
  margin-top:28px;
}
.ai-next-links {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}
.ai-scope-note {
  margin-top:32px;
  font-size:var(--size-small);
}
@media (max-width:900px) {
  .ai-intro-grid {
    grid-template-columns:minmax(0,1fr);
    gap:32px;
  }
  .ai-reading-note h2 br {
    display:none;
  }
  .ai-reading-note ul {
    margin-block:20px;
  }
}
@media (max-width:768px) {
  .ai-intro {
    padding-top:32px;
    padding-bottom:40px;
  }
  .ai-environment-list > .panel {
    grid-template-columns:minmax(0,1fr);
    gap:20px;
  }
  .ai-chapter {
    padding-top:24px;
    padding-bottom:24px;
  }
  .ai-chapter + .ai-chapter {
    margin-top:24px;
  }
}
@media (max-width:640px) {
  .ai-intro-actions {
    gap:10px;
  }
  .ai-intro-actions .btn {
    padding-inline:22px;
  }
}