.ai-intro {
  padding-top: 32px;
  padding-bottom: 48px;
}
.ai-overview {
  max-width: var(--reading-width);
  margin-top: 36px;
}
.ai-overview .panel {
  display: grid;
  gap: 16px;
}
.ai-overview .panel > p:not(.kicker) {
  color: var(--muted);
  line-height: 1.85;
}
.ai-guide {
  max-width: 1160px;
}
.ai-chapter + .ai-chapter {
  margin-top: var(--section-space);
  padding-top: 32px;
  border-top: 1px solid var(--border);
}
.ai-chapter .section-head {
  max-width: var(--reading-width);
  margin-inline: auto;
}
.ai-chapter .section-head > p:not(.kicker):not(.lead) {
  color: var(--muted);
  line-height: 1.85;
}
.ai-chapter .prose > :first-child {
  margin-top: 0;
}
.ai-chapter .prose > :last-child {
  margin-bottom: 0;
}
.ai-chapter .table-scroll + .prose,
.ai-chapter .grid-2 + .prose {
  margin-top: 32px;
}
.ai-chapter .faq-list {
  max-width: var(--reading-width);
  margin-inline: auto;
}
.ai-followup {
  max-width: var(--reading-width);
  margin: 24px auto 0;
  line-height: 1.9;
}
.ai-next {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 32px;
}
@media (max-width: 768px) {
  .ai-intro {
    padding-top: 16px;
    padding-bottom: 32px;
  }
  .ai-overview {
    margin-top: 28px;
  }
  .ai-chapter + .ai-chapter {
    padding-top: 24px;
  }
  .ai-next {
    align-items: stretch;
    flex-direction: column;
  }
  .ai-next .btn {
    white-space: normal;
  }
  .ai-next .text-link {
    align-self: flex-start;
  }
}