/* Article images: subtle frame so dark screenshots don't bleed into the dark theme */
.e-content img {
    display: block;
    margin-inline: auto;
    border: 1px solid var(--divider-color);
    border-radius: 8px;
}

/* Lightbox overlay for article images */
.img-lightbox {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: rgba(0, 0, 0, 0.85);
    cursor: zoom-out;
}

.img-lightbox img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    border: none;
    border-radius: 4px;
}

/* Round avatar */
#banner-home-img {
    border-radius: 50% !important;
    object-position: center top;
}

/* More breathing room below hero */
#banner-container-home {
    margin-block-end: 2.5rem !important;
}

/* Tighten image container slightly */
#image-container-home {
    max-width: 9rem !important;
}