/*publications*/
.article-container{
  margin-top:120px;
}
.publication-section {
            display: flex;
            flex-direction:row-reverse;
            flex-wrap: wrap; /* Allows content to wrap on smaller screens */
            gap: 30px;
            margin-bottom: 50px;
            padding-bottom: 30px;
            border-bottom: 1px solid #eee;
            align-items:center; /* Align items to the top */
        }
        .publication-section:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        .publication-image {
            flex: 1; /* Takes up equal space, will adjust with min/max-width */
            min-width: 250px; /* Minimum width for the image container */
            max-width: 600px; /* Maximum width for the image container */
            display: flex;
            justify-content: center;
            align-items: flex-start; /* Align image to top of its container */
        }
        .publication-image img {
            width: 100%;
            
            height: auto;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        .publication-list {
            flex: 1; /* Takes up more space for the text */
            min-width: 300px; /* Minimum width for the text container */
        }
        h2 {
            color: #34495e;
            padding-bottom:0px;
            margin-bottom:0px;
            font-size: 1.5em;
        }
        .publication-list ol {
            list-style: decimal;
            padding-left: 20px;
            margin: 0;
        }
        .publication-list li {
            margin-bottom: 15px;
            padding-left: 5px;
        }
        .publication-list li:last-child {
            margin-bottom: 0;
        }
        .publication-list a {
            color: #007bff;
            text-decoration: none;
        }
        .publication-list a:hover {
            text-decoration: underline;
        }
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .publication-section {
                flex-direction: column;
                align-items: center;
            }
            .publication-image {
                min-width: unset;
                max-width: 80%; /* Adjust image size for smaller screens */
                margin-bottom: 20px;
            }
            .publication-list {
                min-width: unset;
                width: 100%;
            }
        }