/* Center all images in tutorial content (excluding inline icons/emoji) */
.md-typeset p > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Steel blue theme override (CSS Color "steelblue" = #4682B4) */
:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #4682B4;
  --md-primary-fg-color--light:  #5F9BD1;
  --md-primary-fg-color--dark:   #36658B;
  --md-primary-bg-color:         #FFFFFF;
  --md-primary-bg-color--light:  #FFFFFFB3;
  --md-accent-fg-color:          #2C6E9C;
  --md-accent-fg-color--transparent: #4682B41A;
  --md-accent-bg-color:          #FFFFFF;
  --md-accent-bg-color--light:   #FFFFFFB3;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #4682B4;
  --md-primary-fg-color--light:  #5F9BD1;
  --md-primary-fg-color--dark:   #36658B;
  --md-accent-fg-color:          #5F9BD1;
  --md-accent-fg-color--transparent: #4682B433;
  --md-typeset-a-color:          #5F9BD1;
}

/* API reference */
.md-typeset p > img.ref-icon { display: inline; float: right; margin: 0 0 1rem 1.5rem; }
.md-typeset details.abstract > summary code { font-weight: 600; }
.md-typeset img[src$="-example.png"] { border: 1px solid var(--md-default-fg-color--lightest); border-radius: 6px; background: #fff; }
.md-typeset p > img.card-icon { display: inline; vertical-align: middle; margin: 0 .5rem 0 0; }