:root {
    --logo-height: 80px;
    --logo-margin: 15px;
}

.spec-logo {
    background: url(../img/logo/spec_logo_dark.png)  no-repeat var(--logo-margin) var(--logo-margin) / auto 50px;
    height: var(--logo-height);
    display: block;
}

html.light .spec-logo {
    background: url(../img/logo/spec_logo.png)  no-repeat var(--logo-margin) var(--logo-margin) / auto 50px;
}

.spec-logo + .sidebar-scrollbox {
    top: var(--logo-height);
}

/* clean up right side ToC by removing small headers */
.pagetoc-H4 {
    display: none !important;
}

.pagetoc-H5 {
    display: none !important;
}

.pagetoc-H6 {
    display: none !important;
}

/* prevent ToC from overflowing on the right side */
@media only screen and (min-width:1440px) {
    .content main {
        margin-inline-start: 6em;
        margin-inline-end: 6em;
    }
}

@media only screen and (min-width:1582px) {
    .content main {
        margin-inline-start: auto;
        margin-inline-end: auto;
    }
}

.lightbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
}

/* Lightbox images */
.lightbox:target {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lightbox img {
    max-width: 90%;
    max-height: 90%;
}