/* Compact Markdown content inside section-instruction accordions. */
.mfo-workflow-shell .mfo-section-instructions {
  margin-bottom: 10px;
  border-left: 3px solid var(--mfo-success-edge);
}

.mfo-workflow-shell .mfo-section-instructions .jupyter-widget-Collapse-header,
.mfo-workflow-shell .mfo-section-instructions .jupyter-widget-Collapse-header * {
  cursor: pointer;
}

/* One grey for the bar on hover, the bar when open, and the text below it. */
.mfo-workflow-shell .mfo-section-instructions .jupyter-widget-Collapse-header:hover,
.mfo-workflow-shell
  .mfo-section-instructions
  .jupyter-widget-Collapse-open
  > .jupyter-widget-Collapse-header,
.mfo-workflow-shell .mfo-section-instructions .jupyter-widget-Collapse-contents {
  background-color: var(--mfo-sidebar-bg-2);
}

.mfo-workflow-shell .mfo-section-instructions .widget-html-content {
  font-style: normal;
  /* Override the shared widget text size while retaining larger headings. */
  font-size: 0.95rem !important;
  color: #495057;
  padding: 0rem 2rem;
}

.mfo-workflow-shell .mfo-section-instructions .widget-html-content strong {
  /* Bundled widget styles otherwise suppress Markdown's bold emphasis. */
  font-weight: 700 !important;
}

.mfo-workflow-shell .mfo-section-instructions .widget-html-content :is(ul, ol) > li + li {
  margin-top: 0.3em;
}

.mfo-workflow-shell .mfo-section-instructions .widget-html-content :is(h1, h2, h3) {
  font-style: normal;
  margin-block: 0.35em;
}

/* Paragraphs keep the rhythm of the headings and lists around them. The
   browser default of 1em reads as a section break. */
.mfo-workflow-shell .mfo-section-instructions .widget-html-content p {
  margin-block: 0.5em;
}

.mfo-workflow-shell .mfo-section-instructions .widget-html-content h1 {
  font-size: 1.35rem;
}

.mfo-workflow-shell .mfo-section-instructions .widget-html-content h2 {
  font-size: 1.15rem;
}

.mfo-workflow-shell .mfo-section-instructions .widget-html-content h3 {
  font-size: 1rem;
}

.mfo-workflow-shell .mfo-section-instructions .widget-html-content :is(ul, ol) {
  margin-block: 0.35em 0.7em;
  padding-left: 1.5rem;
}

.mfo-workflow-shell .mfo-section-instructions .widget-html-content ul > li {
  list-style-type: disc !important;
}

.mfo-workflow-shell .mfo-section-instructions .widget-html-content ol > li {
  list-style-type: decimal !important;
}