img {
    max-width: 100%;
    height: auto;
}

.annotation-image {
    max-width: 100%;
    height: auto;
    display: block;  
    margin-bottom: 1em;
}

/* Annotation Styling - Keep specific styles */
.annotation {
    display: flex;
    margin-bottom: 1.2em; /* Space between annotations */
}

.annotation-url {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 1em;
}

.annotation-text {
    flex: 1;
    font-size: 1.1em;
    text-align: justify;
}

.annotation-date {
    white-space: nowrap;
    font-size: 0.8em;
    color: var(--annotation-date-color); /* Use variable */
}


.layout-sticky-left {
    width: 30%;
}
