[data-md-color-scheme='kili'] {
  /* general colors */
  --md-default-bg-color: white;
  --md-default-fg-color: #081819;
  --md-primary-fg-color: #081819;
  --md-primary-bg-color: white;
  --md-accent-fg-color: #ff8200;
}

/* Indentation. */
div.doc-contents:not(.first) {
  padding-left: 25px;
  border-left: 0.05rem solid var(--md-default-fg-color--lightest);
  margin-bottom: 80px;
}

.md-nav__item .md-nav__link--active {
  color: var(--md-accent-fg-color);
}

.md-typeset a {
  color: #b090ef;
}

.md-typeset {
  font-size: 15px;
}

.md-typeset code {
  font-size: 13px;
}

.md-grid {
  max-width: 1500px;
}

/* Widen the primary (left) navigation enough to show the longest event names
   (~40 chars, e.g. asset.workflow.step.consensus.activated) on a single line. */
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary {
    width: 17rem;
  }
}

/* Material applies heavy left indentation and ~2rem of right padding to nested nav
   items, which both squeezes long event names and leaves a wide gap before the
   scrollbar. Reclaim that space so names fit on one line and sit close to the edge. */
.md-nav .md-nav__link {
  padding-left: 0.4rem;
  padding-right: 0.3rem;
}
.md-nav .md-nav .md-nav__link {
  padding-left: 0.5rem;
  padding-right: 0.3rem;
}
.md-nav .md-nav .md-nav .md-nav__link {
  padding-left: 0.5rem;
  padding-right: 0.3rem;
}
/* Trim the per-level list padding too, which also indents nested items. */
.md-nav__list {
  padding-left: 0.15rem;
  padding-right: 0.15rem;
}

/* Material's `.md-nav__toggle~.md-nav>.md-nav__list { overflow: hidden }` (specificity
   0,3,0) clips long event names well before the panel edge. Match that pattern, scoped
   to the sidebar, with higher specificity so full names show within the widened panel. */
.md-sidebar--primary .md-nav__toggle ~ .md-nav > .md-nav__list {
  overflow: visible;
}

/* Each event name stays on a single line. `max-width` lets a name that is longer than
   the panel can show degrade gracefully to a native ellipsis (…) at the panel edge,
   rather than being hard-cut. The value is derived from the panel width above:
   max-width ≈ sidebar width (17rem) − event-item indent (~2.5rem) − right margin.
   If you change the sidebar `width` above, re-tune this accordingly. */
.md-sidebar--primary .md-nav__link .md-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 14.3rem;
}

div.doc-contents:not(.first)
  > div.md-typeset__scrollwrap
  > div
  > table
  > thead {
  background-color: rgba(176, 144, 239, 0.1);
}