/* Production content accents, scoped away from Zensical's runtime chrome. */

.md-typeset table thead th {
  background-color: var(--md-accent-fg-color--transparent);
  color: var(--md-default-fg-color);
}

/* Parsed source IDs become native direct links; commas stay in the sup. */
.md-typeset .source-citations {
  font-size: .75em;
  font-weight: 600;
  line-height: 0;
  vertical-align: super;
  white-space: nowrap;
}
.md-typeset .source-citations a:not(:hover) { text-decoration: none; }

/* Retained explanatory/legacy links keep their declared bracket grammar. */

.md-typeset a[href*="#src-"]::before {
  content: "[";
}

.md-typeset a[href*="#src-"]::after {
  content: "]";
}

.md-typeset .source-citations a::before,
.md-typeset .source-citations a::after { content: none; }

/* Give product links room in the four-column teaching map. */
.md-typeset .system-landscape table { width: 100%; }
.md-typeset .system-landscape th:nth-child(1) { width: 20%; }
.md-typeset .system-landscape th:nth-child(2) { width: 22%; }
.md-typeset .system-landscape th:nth-child(3) { width: 25%; }
.md-typeset .system-landscape th:nth-child(4) { width: 33%; }

/* Repeat the project image inside its explanation, with all text beside it. */
.md-typeset .tiger-explanation {
  display: grid;
  grid-template-columns: var(--tiger-image-width, min(3.2rem, 25%)) minmax(0, 1fr);
  align-items: stretch;
  gap: .6rem;
}

.md-typeset .tiger-explanation > div {
  position: relative;
  min-width: 0;
  min-height: 0;
}

.md-typeset .tiger-explanation img {
  position: absolute;
  inset: 0;
  margin-block: auto;
  display: block;
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  object-position: left center;
}

.md-typeset .tiger-explanation > p { margin: 0; }