/* Limit images to 25% of viewport width (excluding header logo) */
.md-content img {
    max-width: 25vw;
    height: auto;
    display: block;
    margin: 1rem 0;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Allow clicking images to view full size */
.md-content img:hover {
    cursor: zoom-in;
}

/* For larger screens, allow slightly bigger images */
@media (min-width: 1400px) {
    .md-content img {
        max-width: 350px;
    }
}

/* For smaller screens, allow images to take more space */
@media (max-width: 768px) {
    .md-content img {
        max-width: 100%;
    }
}

/* Header logo - larger and no cropping */
.md-header__button.md-logo img {
    width: auto;
    height: 2rem;
    max-width: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    display: inline;
}

.md-header__button.md-logo {
    padding: 0.2rem;
}