/* Operator guides page. The hero, contents list, body card and the icon-tile
   section headings all come from style/doc.css; the only thing specific to
   /guides is the bulleted topic list under each stage. Scoped to body.Guides,
   because Page loads every page stylesheet on every page. */

body.Guides .guides-topics {
  display: flex;
  flex-direction: column;
  gap: 10px; /* space-y-2.5 */
  margin: 0;
  padding: 0;
  list-style: none;
}

body.Guides .guides-topics li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  line-height: 20px;
  color: #25153c;
}

body.Guides .guides-topic-dot {
  flex-shrink: 0;
  width: 6px; /* w-1.5 */
  height: 6px;
  margin-top: 8px; /* mt-2 */
  border-radius: 9999px;
  background-image: linear-gradient(to right, #9333ea, #f97316);
}

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

/* The paragraph between a stage heading and its topic list is mb-5 in the
   design, where doc.css defaults to mb-4; the closing section is mb-6. */
body.Guides .doc-block-head + p {
  margin-bottom: 20px !important;
}

body.Guides #doc-sec-6 > p {
  margin-bottom: 24px !important;
}