/* Per-page styles for ai-info.html.
 *
 * This page has no hashed bundle of its own (the build that produces
 * global-*.css is not in this repository), so its layout is hand-written here
 * and layered over global-*.css, the same way testimonials.css is layered over
 * index-*.css. Typography, header and footer come from global-*.css.
 *
 * The page is meant to be plain, semantic, machine-readable HTML, so the rules
 * below only handle readable measure, heading rhythm, the comparison table and
 * the quote blocks.
 */
#ai-info-page {
  max-width: 900px;
}

#ai-info-page h2 {
  margin-top: 48px;
  margin-bottom: 8px;
}

#ai-info-page h3 {
  margin-top: 28px;
  margin-bottom: 8px;
}

#ai-info-page .page-meta {
  color: var(--gr-muted, #5a6274);
}

#ai-info-page ul {
  padding-left: 20px;
}

#ai-info-page li {
  margin-bottom: 8px;
}

#ai-info-page .table-scroll {
  overflow-x: auto;
}

#ai-info-page table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  margin-top: 16px;
}

#ai-info-page th,
#ai-info-page td {
  border: 1px solid #e6e8ef;
  padding: 12px;
  text-align: left;
  vertical-align: top;
}

#ai-info-page thead th {
  background-color: #f5f6fa;
}

#ai-info-page blockquote {
  margin: 24px 0;
  padding-left: 16px;
  border-left: 3px solid var(--gr-accent, #505b98);
}

#ai-info-page blockquote > footer {
  display: block;
  margin-top: 8px;
  color: var(--gr-muted, #5a6274);
}