/* -------------------------------------------------------------------------
   Custom styling for the schema documentation site.
   Safe to edit — these rules layer on top of the Material theme.
   ------------------------------------------------------------------------- */

/* Slightly wider content column for the big slot tables. */
.md-grid {
  max-width: 68rem;
}

/* Make the generated slot / attribute tables easier to scan. */
.md-typeset table:not([class]) {
  font-size: 0.78rem;
}

.md-typeset table:not([class]) th {
  font-weight: 700;
}

/* Zebra striping for long tables. */
.md-typeset table:not([class]) tbody tr:nth-child(odd) {
  background-color: var(--md-default-fg-color--lightest);
}

/* Give Mermaid class diagrams a little breathing room and a soft frame. */
.mermaid {
  margin: 1.2rem 0;
  padding: 0.6rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.4rem;
  overflow-x: auto;
}

/* Logo sizing in the header. */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.9rem;
  width: auto;
}

/* A subtle accent under page H1s. */
.md-typeset h1 {
  border-bottom: 2px solid var(--md-primary-fg-color);
  padding-bottom: 0.25rem;
}