/* Strict Image Size Control - Maximum Specificity */
html body .tuvan-detail img[style],
html body .tuvan-detail-content img[style],
html body .tuvan-detail p img[style],
html body .tuvan-detail-content p img[style],
html body div[class*="tuvan"] img[style],
html body div[class*="tuvan"] p img[style] {
    width: auto !important;
    max-width: 400px !important; /* Reduced from 650px */
    height: auto !important;
    display: block !important;
    margin: 15px auto !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    border-radius: 4px !important;
}

/* Desktop View - Now more constrained */
@media screen and (min-width: 992px) {
    html body .tuvan-detail img[style],
    html body .tuvan-detail-content img[style],
    html body div[class*="tuvan"] img[style] {
        max-width: 400px !important; /* Fixed size for consistency */
    }
}

/* Tablet View - Slightly smaller */
@media screen and (max-width: 991px) {
    html body .tuvan-detail img[style],
    html body .tuvan-detail-content img[style],
    html body div[class*="tuvan"] img[style] {
        max-width: 350px !important;
    }
}

/* Mobile View */
@media screen and (max-width: 768px) {
    html body .tuvan-detail img[style],
    html body .tuvan-detail-content img[style] {
        max-width: 95% !important;
    }
}

/* Extra Small Devices */
@media screen and (max-width: 480px) {
    html body .tuvan-detail img[style],
    html body .tuvan-detail-content img[style] {
        max-width: 98% !important;
        margin: 10px auto !important;
    }
}

/* Fix for specific images with inline dimensions */
html body .tuvan-detail img[width],
html body .tuvan-detail img[height],
html body .tuvan-detail-content img[width],
html body .tuvan-detail-content img[height] {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Video/iFrame Responsive Fix */
html body .tuvan-detail iframe[style],
html body .tuvan-detail-content iframe[style] {
    max-width: 100% !important;
    width: 100% !important;
    height: 315px !important;
    margin: 15px auto !important;
    display: block !important;
}

/* Fix for specific paragraph spacing */
html body .tuvan-detail p,
html body .tuvan-detail-content p {
    margin-bottom: 1em !important;
    line-height: 1.6 !important;
}

/* Image container fix */
html body .tuvan-detail p:has(img),
html body .tuvan-detail-content p:has(img) {
    text-align: center !important;
    margin: 1.5em auto !important;
}
