/* Wider content column so the home-page tile grid runs three across. */
.md-grid {
  max-width: 76rem;
}

/* Tile grid: compact cards, three across on desktop. */
.md-typeset .grid.cards {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.5rem), 1fr));
}

.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li {
  font-size: 0.72rem;
}

.md-typeset .grid.cards > ul > li ul {
  margin: 0.4em 0 0.6em;
}

.md-typeset .grid.cards > ul > li > p:last-child {
  font-weight: 600;
}

/* Frame screenshots and videos so they stand off the page background. */
.md-typeset img:not(.twemoji),
.md-typeset video {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1.2em 0;
  border: 0.05rem solid var(--md-default-fg-color--lightest);
  border-radius: 0.3rem;
  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.12);
  background: var(--md-default-bg-color);
}

.md-typeset video {
  width: 100%;
}

[data-md-color-scheme="slate"] .md-typeset img:not(.twemoji),
[data-md-color-scheme="slate"] .md-typeset video {
  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.5);
}

/* Breadcrumbs (template override in overrides/main.html). */
.dxpr-path {
  margin: 0 0 1rem;
  font-size: 0.7rem;
  color: var(--md-default-fg-color--light);
}

.md-typeset nav.dxpr-path ol.dxpr-path__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.md-typeset nav.dxpr-path ol.dxpr-path__list > li.dxpr-path__item {
  margin: 0;
  padding: 0;
}

.dxpr-path__item + .dxpr-path__item::before {
  content: "\203A";
  margin-right: 0.2rem;
  opacity: 0.6;
}

.dxpr-path__link {
  color: var(--md-default-fg-color--light);
}

.dxpr-path__link:hover {
  color: var(--md-accent-fg-color);
}

.dxpr-path__item--current {
  color: var(--md-default-fg-color);
}

/* "Report a problem" footer on every article. */
.dxpr-page-help {
  margin-top: 2.4rem;
  padding-top: 0.8rem;
  border-top: 0.05rem solid var(--md-default-fg-color--lightest);
  font-size: 0.7rem;
  color: var(--md-default-fg-color--light);
}