/* Integrations directory. The hero, contents list and body card come from
   style/doc.css; the only page-specific block is the API sample. Scoped to
   body.Integrations, because Page loads every page stylesheet on every page. */

body.Integrations .integrations-code {
  padding: 20px; /* p-5 */
  border-radius: 16px; /* rounded-2xl */
  background: #25153c;
  overflow-x: auto;
}

body.Integrations .integrations-code-comment {
  margin: 0 0 12px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px !important;
  line-height: 20px !important;
  color: rgba(255, 255, 255, 0.4) !important;
}

body.Integrations .integrations-code pre {
  margin: 0;
  white-space: pre;
}

body.Integrations .integrations-code code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.9);
}

/* --- Paragraph spacing ------------------------------------------------- */

/* The two sections that introduce a block get the design's mb-6; the list
   sections keep doc.css's mb-4. */
body.Integrations #doc-sec-5 > p:nth-last-of-type(1),
body.Integrations #doc-sec-6 > p {
  margin-bottom: 24px !important;
}