/*! MB:: SECTION FOR READ-THE-ORG BACK BUTTON */

.back-link {
  position: fixed;
  top: 10px;
  left: 10px;
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.7); /* Slight background for readability */
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 9999; /* Make sure it appears above other elements */
}

.footer { position: fixed; bottom: 0; left: 0; width: 100%; text-align: right; padding: 10px; }</style>


/*! MB:: SECTION FOR OTHER READ-THE-ORG CUSTOMIZATION */
pre.src:hover:before { display: none; }


/*! MB:: SECTION FOR CSS THUMBNAIL ZOOM */
/*! CLICK TO DETAIL LARGE IMAGE */
.image-container {
    margin: 20px auto;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
}

.thumbnail {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-right: 20px;
}

.thumbnail img {
    width: 200px;
    /* height: 100%; */
    object-fit: cover;
}

details {
    display: inline-block;
}

details summary {
    cursor: pointer;
    list-style: none;
    height: 200px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

details[open] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    max-height: 100vh;
    background-color: var(--color-126);
    overflow: auto;
    z-index: 1000;
}

details[open] img {
    width: 100%;
    height: auto;
    object-fit: contain;
}