.article-list {
    /* optional: limit height + scroll */
    /* max-height: 60vh;
     overflow-y: auto; */
}

.article-item {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e9ecef;
    cursor: pointer;
    transition: background-color 0.15s;
}

    .article-item:hover {
        background-color: #f8f9fa;
    }

    .article-item.active {
        background-color: #e2e6ea;
    }

.article-thumb {
    width: 56px;
    height: 56px;
    object-fit: contain;
    margin-right: 1rem;
}

.article-details {
    display: flex;
    flex-direction: column;
}

.article-number {
    font-weight: 600;
    font-size: 1rem;
}

.article-description {
    font-size: 0.9rem;
    color: #6c757d;
}