.page-sources-container {
        font-family: 'Roboto', sans-serif;
        margin-bottom: 2rem;
    }
    
    .view-sources-btn {
        background-color: #FFBF00;
        color: #000;
        padding: 0.5rem 1rem;
        border: none;
        cursor: pointer;
        font-weight: 400;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        transition: background-color 0.3s;
    }
    
    .view-sources-btn:hover {
        background-color: #E6AC00;
    }
    
    .category-header {
        color: #003366;
        font-weight: 900;
        font-size: 18px;
        text-transform: uppercase;
        margin-top: 1rem;
        margin-bottom: 0.5rem;
    }
    
    .indicator-container {
        margin-bottom: 1rem;
    }
    
    .indicator {
    background-color: #003366;
    color: white;
    padding: 0.1rem 0.8rem;
    font-weight: 900;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0.25rem;
    margin-top: 0px;
    border-radius: 5px;
    text-transform:uppercase;
}
.description {
    font-size: 14px;
    margin-bottom: 0rem;
    color: #000;
    font-weight: 400;
    margin-top: 0px;
}
    
    .source {
        font-size: 14px;
        font-style: italic;
        color: #666;
        margin-bottom: 0rem;
        margin-top: 0px;
    }
    
    .note {
        font-size: 14px;
        font-style: italic;
        margin-bottom: 0rem;
        margin-top: 0px;
    }
    
    .sources-details {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity 0.5s, max-height 0.5s;
    }
    
    .sources-details.visible {
        opacity: 1;
        max-height: 2000px; /* Adjust based on your content */
    }
    button#view-sources-btn {
    background: #003366;
    color: #fff;
}

button#view-sources-btn.bgColor {background: #E6AC00;color: #000;}
div#sources-details.show {
    display: block !important;
    opacity: 1;
    max-height: max-content;
}