/* Minimal deltas only — Material's defaults carry the rest. */

/* Hand-authored diagrams follow the theme instead of baking a background. */
.hc-diagram {
  width: 100%;
  max-width: 46rem;
  height: auto;
  margin: 1.2rem 0;
  color: var(--md-default-fg-color);
}
.hc-diagram text {
  fill: currentColor;
  font-family: var(--md-text-font-family), sans-serif;
  font-size: 12px;
}
.hc-diagram .box {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.2;
}
.hc-diagram .accent {
  stroke: var(--md-accent-fg-color);
}
.hc-diagram .arrow {
  stroke: currentColor;
  stroke-width: 1.2;
  fill: none;
  marker-end: url(#hc-arrow);
}
.hc-diagram .muted {
  opacity: 0.65;
}

/* Reference tables carry long prose in the last column — let it breathe. */
.md-typeset table:not([class]) td:last-child {
  min-width: 18rem;
}

/* Screenshot slots that are not filled in yet should look deliberate. */
.hc-shot {
  border: 1px dashed var(--md-default-fg-color--lighter);
  border-radius: 4px;
  padding: 1.6rem 1rem;
  text-align: center;
  color: var(--md-default-fg-color--light);
  font-size: 0.75rem;
  margin: 1rem 0;
}

/* The HC badge carries a mesh texture — Material's 1.2rem default turns it to mush. */
.md-header__button.md-logo img {
  height: 1.5rem;
  width: auto;
}