/* ==================================================
   EVIDENCE LIBRARY
================================================== */

.evidence-library-section{
    padding:var(--section-space) 0;

    direction:rtl;
}


/* ==================================================
   HEADER
================================================== */

.evidence-lib-header{
    text-align:center;
    max-width:768px;
    margin:0 auto;
}

.evidence-lib-header h2{
    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    margin-top:15px;
    font-size:clamp(2rem,4vw,3rem);
    color:var(--text);
}

.evidence-lib-header p{
    font-family:var(--font-body);
    font-weight:var(--body-weight);
    margin-top:20px;
    color:var(--text-muted);
    line-height:1.8;
}


/* ==================================================
   FILTER
================================================== */

.evidence-filter{
    margin-top:50px;
    padding:30px;
    background:var(--background);
    border-radius:var(--radius-lg);

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;

    box-shadow:
        0 10px 30px rgba(var(--primary-rgb),.08);
}

.filter-item{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.filter-item label{
    font-family:var(--font-body);
    font-size:.875rem;
    font-weight:600;
    color:var(--text);
}

.filter-item select{
    width:100%;
    font-family:var(--font-body);
    padding:14px;

    border-radius:10px;
    border:1px solid var(--border);

    background:var(--background);
    color:var(--text);

    cursor:pointer;

    transition:
        border-color var(--transition),
        box-shadow var(--transition);
}

.filter-item select:hover{
    border-color:rgba(var(--primary-rgb),.35);
}

.filter-item select:focus{
    outline:none;

    border-color:var(--accent-strong);

    box-shadow:
        0 0 0 3px rgba(var(--accent-strong-rgb),.12);
}


/* ==================================================
   RESULTS GRID
================================================== */

.evidence-lib-grid{
    margin-top:50px;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}


/* ==================================================
   ARTICLE CARD
================================================== */

.evidence-lib-card{
    background:var(--background);
    border-radius:var(--radius-lg);
    padding:30px;

    border:1px solid var(--border);

    transition:
        transform var(--transition),
        box-shadow var(--transition);

    display:flex;
    flex-direction:column;
}

.evidence-lib-card:hover{
    transform:translateY(-8px);

    box-shadow:
        0 20px 40px rgba(var(--primary-rgb),.12);
}


/* Article type */

.article-type{
    font-family:var(--font-body);

    display:inline-flex;
    width:max-content;

    background:rgba(var(--accent-rgb),.12);
    color:var(--primary);

    padding:7px 14px;
    border-radius:var(--radius-round);

    font-size:.8125rem;
    font-weight:600;
}


/* Title */

.evidence-lib-card h3{
    font-family:var(--font-heading);
    font-weight:var(--heading-weight);

    margin:20px 0 12px;

    color:var(--text);

    font-size:1.25rem;
    line-height:1.6;
}


/* Short description */

.evidence-card-description{
    margin:0 0 22px;

    font-family:var(--font-body);
    font-size:.9rem;

    line-height:1.9;

    color:var(--text-light);
}

.evidence-card-summary{
    grid-column: 1 / -1;
}


/* ==================================================
   META
================================================== */

.article-meta{
    border-top:1px solid var(--border);
    padding-top:15px;
}

.article-meta p{
    font-family:var(--font-body);

    font-size:.875rem;

    color:var(--text-muted);

    margin:10px 0;
}

.article-meta strong{
    color:var(--text);
}


/* ==================================================
   ACTIONS
================================================== */

.evidence-card-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    margin-top:auto;
    padding-top:25px;
}

.read-btn{
    font-family:var(--font-body);

    color:var(--primary);

    font-weight:600;

    text-decoration:none;

    transition:color var(--transition);
}

.read-btn:hover{
    color:var(--secondary);
}


/* ==================================================
   SUMMARY BUTTON
================================================== */

.summary-btn{
    border:0;
    background:transparent;

    padding:0;

    font-family:var(--font-body);

    color:var(--primary);

    font-size:.9rem;
    font-weight:600;

    cursor:pointer;

    transition:color var(--transition);
}

.summary-btn:hover{
    color:var(--secondary);
}


/* ==================================================
   SUMMARY
================================================== */

.evidence-card-summary{
    margin-top:20px;

    padding:18px;

    background:var(--surface-alt);

    border-radius:var(--radius-md);

    border-right:3px solid var(--primary);

    animation:evidenceSummaryIn .3s ease;
}

.evidence-card-summary p{
    margin:0;

    font-family:var(--font-body);

    color:var(--text-light);

    font-size:.9rem;
    line-height:2;
}

@keyframes evidenceSummaryIn{

    from{
        opacity:0;
        transform:translateY(-6px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}


/* ==================================================
   EMPTY STATE
================================================== */

.evidence-empty-state{
    margin-top:50px;

    padding:55px 30px;

    text-align:center;

    background:var(--background);

    border:1px solid var(--border);

    border-radius:var(--radius-lg);
}

.evidence-empty-state[hidden]{
    display:none;
}

.evidence-empty-icon{
    width:58px;
    height:58px;

    margin:0 auto 18px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(var(--accent-rgb),.12);

    color:var(--primary);
}

.evidence-empty-icon svg{
    width:27px;
    height:27px;
}

.evidence-empty-state h3{
    margin:0 0 10px;

    font-family:var(--font-heading);
    font-weight:var(--heading-weight);

    color:var(--text);

    font-size:1.2rem;
}

.evidence-empty-state p{
    margin:0 auto;

    max-width:576px;

    font-family:var(--font-body);

    color:var(--text-muted);

    font-size:.9rem;
    line-height:1.9;
}


/* ==================================================
   RESPONSIVE
================================================== */

@media(max-width:1200px){

    .evidence-filter{
        grid-template-columns:repeat(2,1fr);
    }

    .evidence-lib-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


@media(max-width:768px){

    .evidence-filter{
        grid-template-columns:1fr;
    }

    .evidence-lib-grid{
        grid-template-columns:1fr;
    }

    .evidence-lib-card{
        padding:25px 20px;
    }

    .evidence-card-actions{
        align-items:flex-start;
        flex-direction:column;
    }

}