/* Give encoding tables and signatures a comfortable reading width. */
.bd-main .bd-content .bd-article-container { max-width: 58rem; }
.sig { overflow-wrap: anywhere; }
.sphx-glr-thumbcontainer { min-height: 210px; }

/* The landing page is the repository README, whose logo already names the
   project; the heading above it names the page in the sidebar and is not
   printed a second time. */
section#homepage > h1 { display: none; }

/* The logo and the architecture figure come in a light and a dark variant,
   each drawn on a transparent canvas for its background, so the theme's dark
   mode needs neither the white card nor the dimming it gives other images. */
html[data-theme="dark"] .bd-content img.only-dark {
  background-color: transparent;
  filter: none;
}

/* The compact mark heads the sidebar at the height of a line of headings,
   not at the width of the sidebar. */
.bd-sidebar-primary .navbar-brand img.logo__image {
  max-height: 3rem;
  width: auto;
}
.bd-sidebar-primary .navbar-brand { justify-content: flex-start; }

/* The TL;DR block that opens each explanation page. */
.admonition.tldr {
  border-color: var(--pst-color-primary);
}
.admonition.tldr > .admonition-title {
  background-color: var(--pst-color-primary-bg);
}
.admonition.tldr > .admonition-title::after {
  color: var(--pst-color-primary);
}
.admonition.tldr ul {
  margin-bottom: 0;
}

/* The Open in Colab badge under an example's title. */
img.colab-badge {
  margin: 0.25rem 0 1rem;
}
@media print {
  img.colab-badge {
    display: none;
  }
}

/* Gallery figures are drawn on a transparent canvas in a grey that reads on
   either background (docs/gallery_style.py), so the dark theme shows them as
   they are rather than on a white card, dimmed. */
html[data-theme="dark"] .bd-content img.sphx-glr-single-img,
html[data-theme="dark"] .bd-content img.sphx-glr-multi-img {
  background-color: transparent;
  filter: none;
}

/* A code cell that shows several figures lists them one under another at
   full width, each at the size it was drawn, rather than side by side at
   less than half of it. */
ul.sphx-glr-horizontal li { display: block; }
.bd-content img.sphx-glr-multi-img {
  display: block;
  margin: 0 auto 1rem;
  max-width: 100%;
}