/* converted.css — styling for the wrappers flare2md emits.
 *
 * These classes exist because a Flare construct carries meaning that Markdown
 * has no syntax for. Each one is a deliberate decision recorded in DOCS-59;
 * none of them are decoration for its own sake.
 */

/* ---------------------------------------------------------------- lists ---
 * Flare sets a./b./c. numbering with an inline list-style-type on 324 <ol>s,
 * and it does reach the live site — some pages refer to "step (b)" in prose.
 * Markdown always emits a plain <ol>, so the numbering comes from here.
 */
.md-typeset .list-alpha > ol {
  list-style-type: lower-alpha;
}

.md-typeset .list-alpha-upper > ol {
  list-style-type: upper-alpha;
}

/* A nested a./b./c. list is marked on its parent item instead of being wrapped.
 * The wrapper used to be nested here, and md_in_html mis-parsed it on five
 * pages: the article element closed early and the rest of the topic rendered
 * outside the content column (DOCS-61 §4, defect D).
 *
 * A blanket `ol ol` rule is still not an option — 68 other second-level lists
 * are unstyled in the source and must stay numeric — so the parent item
 * carries the class and only its own direct sublist is restyled.
 */
.md-typeset li.alpha-parent > ol {
  list-style-type: lower-alpha;
}

.md-typeset li.alpha-parent-upper > ol {
  list-style-type: upper-alpha;
}

/* ---------------------------------------------------------------- video ---
 * <object> YouTube embeds become iframes. The source pinned them to
 * 560x315px; that overflows at 375px wide, so they are made fluid instead.
 */
.md-typeset .video {
  display: block;
  width: 100%;
  max-width: 560px;
  aspect-ratio: 16 / 9;
  height: auto;
  margin: 1.2rem 0;
  border: 0;
  border-radius: 4px;
}

/* MadCap:slideshow does not migrate. The carousel lived on the 22 pages that
 * are now generated landing pages, and every slide target already appears on
 * them twice — in the "In this guide" cards and in the sidebar — so there is
 * no .rs-steps rule here, and no slideshow() branch in flare2md.py either.
 */

/* ---------------------------------------------------------------- video ---
 * <object> YouTube embeds become iframes. The source pinned them to
 * 560x315px; that overflows at 375px wide, so they are made fluid instead.
 */
.md-typeset .video {
  display: block;
  width: 100%;
  max-width: 560px;
  aspect-ratio: 16 / 9;
  height: auto;
  margin: 1.2rem 0;
  border: 0;
  border-radius: 4px;
}