/* Keep screenshots readable while retaining navigation and the task outline. */
.md-grid { max-width: 90rem; }
.md-typeset a > img { border: 1px solid #e2e5ed; border-radius: 6px; cursor: zoom-in; }
.md-typeset p:has(> a > img) + p > em { display: block; color: #626b7c; font-size: .8rem; }

/* Keep the current page easy to locate in a long reference tree. */
.md-nav--primary .md-nav__link--active {
  color: #673ab7;
  font-weight: 500;
}
@media (min-width: 60em) {
  .md-search__form { background-color: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.3); }
}

/* White wordmark replaces the header icon; retain the existing purple theme. */
.md-header .md-logo img { width: 6rem; height: auto; max-height: 1.6rem; object-fit: contain; }

/* Keep the wordmark visible beside the active section on smaller screens. */
@media (max-width: 76.234375em) {
  .md-header .md-logo { display: block; }
}