/* ---------------------------------------------------------------------------
   API sidebar group links (Polynomial / State Space / Utils)
   When you are on an API page these labels become bold "section" headers, and
   Material disables clicks on them via:
       .md-nav__item--section > .md-nav__link:not(.md-nav__container){pointer-events:none}
   Our nav-item override renders them as real <a> links, so re-enable clicking.
--------------------------------------------------------------------------- */
.md-nav__item--section > a.md-nav__link[href] {
  pointer-events: auto;
  cursor: pointer;
}
.md-nav__item--section > a.md-nav__link[href]:hover {
  color: var(--md-accent-fg-color);
}

/* ---------------------------------------------------------------------------
   Header background colour.
--------------------------------------------------------------------------- */
.md-header { background-color: #246fbf; }
.md-tabs   { background-color: #246fbf; }

/* ---------------------------------------------------------------------------
   Application Examples gallery tables.
   These tables carry the `gallery` class so Material's default table styling
   (which only targets class-less tables) does not apply -- we style them here.
--------------------------------------------------------------------------- */
.md-typeset table.gallery {
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin: 0.6em 0 1.6em;
  font-size: 0.78rem;           /* larger than the default .64rem table text */
}
.md-typeset table.gallery td {
  border-bottom: 0.05rem solid var(--md-default-fg-color--lightest);
  padding: 0.7em 0.9em;
  vertical-align: middle;
}
/* Plot column (now the first column) */
.md-typeset table.gallery td.gallery-plot {
  width: 50%;
  text-align: center;
}
.md-typeset table.gallery td.gallery-plot img {
  width: 100%;                  /* of a 50% column  */
  max-width: 460px;
  height: auto;
}
/* Description column */
.md-typeset table.gallery td.gallery-desc {
  width: 50%;
}
.md-typeset table.gallery td.gallery-desc a {
  font-weight: 700;
  font-size: 0.82rem;
}
.md-typeset table.gallery td.gallery-desc small {
  display: block;
  margin-top: 0.25em;
  font-weight: 400;
  font-size: 0.74rem;
  color: var(--md-default-fg-color--light);
}