.article-image img,
.article-intro-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: 0px;
}

.article-body {
    line-height: 1.8;
}

.article-body h2 {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: left;
}

.article-body h3 {
    margin-top: 30px;
    color: #0056b3;
}

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

.article-body ul {
    margin-left: 20px;
}

.com-content-category-blog,
.com-content-article {
    display: flex;
}

aside.sidebar-left {
    width: 220px;
    flex: 0 0 220px;
}

.main-content {
    flex: 1;
}

.related-article-list-container {
    display: none !important;
}


.projekti-table{
    width:100%;
    border-collapse:collapse;
    margin:20px auto;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    box-shadow:0 3px 12px rgba(0,0,0,.12);
}

.projekti-table th{
    background:#003366;
    color:#fff;
    padding:12px;
    border:1px solid #d9d9d9;
    text-align:center;
}

.projekti-table td{
    padding:12px;
    border:1px solid #d9d9d9;
    vertical-align:top;
}

.projekti-table tr:nth-child(even){
    background:#f6f8fc;
}

.projekti-table tr:hover{
    background:#eef4ff;
}

.projekti-table a{
    color:#0056b3;
    text-decoration:none;
    font-weight:bold;
}

.projekti-table a:hover{
    text-decoration:underline;
}

.naziv{
    font-weight:bold;
    color:#003366;
    font-size:15px;
    margin-bottom:8px;
}

.period{
    text-align:center;
    font-weight:bold;
    color:#003366;
    white-space:nowrap;
}

.napomena{
    line-height:1.5;
}

.logo{
    text-align:center;
    margin-bottom:20px;
}



        h2, h3 {
            margin-top: var(--spacing-md);
            margin-bottom: var(--spacing-md);
        }

        .section-title {
            font-size: 1.1rem;
            font-weight: bold;
            margin: 20px 0;
        }

        /* Responsive Grid layouts */
        .image-gallery {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: var(--spacing-sm);
            margin-bottom: var(--spacing-md);
        }

        .image-gallery img {
            max-width: 100%;
            height: auto;
            object-fit: contain;
        }

        /* Specific height categories matching the original aspect ratios */
        .gallery-photos img { height: 120px; }
        .gallery-awards img { height: 160px; }
        .gallery-sites img { height: 100px; width: 125px; object-fit: cover; }
        .gallery-links img { height: 110px; }

        .banner-small {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: var(--spacing-sm);
            margin: var(--spacing-md) 0;
        }

        .banner-small img {
            height: 37px;
            width: auto;
        }

        .banner-large {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: var(--spacing-sm);
            margin: var(--spacing-md) 0;
        }

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

        .yu-archive {
            font-size: 1.1rem;
            font-weight: bold;
            margin: 25px 0 15px;
        }

        .yu-archive .co-yu { color: var(--co-yu-color); }
        .yu-archive .org-yu { color: var(--org-yu-color); }

        .note {
            font-size: 0.8rem;
            font-style: italic;
            color: #666;
            margin-bottom: 10px;
        }