/* =====================================
   Featured Publication

   یکپارچه‌سازی:
   - .section-label (متن ساده بدون بج) → نسخه‌ی استاندارد سراسری
   - #64748b/primary/primary-dark روی متن‌ها → var(--text-muted)/var(--text)
   - سایه‌ی تصویر rgba(0,0,0,.12) → rgba(var(--black-rgb),.12)
     (که از اول در variables.css تعریف شده بود ولی استفاده نمی‌شد)
   - .badge با ترکیب رنگ secondary+تینت secondary تعریف شده بود؛
     با الگوی رایج بج‌های سایت (primary + تینت accent) یکی شد،
     !important غیرضروری هم حذف شد
   - white/30px/.3s → var(--white-rgb)/var(--radius-round)/var(--transition)
===================================== */


.featured-publication{

    padding:var(--section-space) 0;


}


.featured-publication .section-header{

    text-align:center;

    max-width:768px;

    margin:0 auto 60px;

}

.featured-publication-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:18px 20px;
    border-radius:14px;
   
    flex-wrap:wrap;
}



.section-label{

    display:inline-block;

    padding:8px 20px;

    margin-bottom:15px;

    border-radius:var(--radius-round);

    background:rgba(var(--accent-rgb),.12);

    color:var(--primary);

    font-family:var(--font-body);
    font-size:var(--font-size-tag);
    font-weight:600;

}



/* Publication Card */


.publication-card{


    display:grid;

    grid-template-columns:
    320px 1fr;


    gap:50px;


    background:var(--background);


    padding:45px;


    border-radius:24px;


    box-shadow:
    0 20px 45px rgba(var(--primary-rgb),.08);


}



/* Image */


.publication-image{


    display:flex;

    align-items:center;

    justify-content:center;


}


.publication-image img{


    width:100%;

    max-width:380px;


    border-radius:12px;


    box-shadow:
    0 10px 25px rgba(var(--black-rgb),.12);


}



/* Content */


.publication-content h3{

    font-family:var(--font-heading);
    font-weight:var(--heading-weight);

    color:var(--text);


    font-size:1.8rem;


    line-height:1.5;


    margin-bottom:30px;

}




.publication-meta{


    display:flex;

    gap:40px;

    margin-bottom:35px;

}



.meta-item{


    display:flex;

    flex-direction:column;

    gap:8px;

}


.meta-item span{

    font-family:var(--font-body);

    font-size:.85rem;


    color:var(--text-muted);


}


.meta-item strong{

    font-family:var(--font-heading);
    font-weight:var(--heading-weight);

    color:var(--text);

}



/* Evidence Badge */


.badge{


    background:rgba(var(--accent-rgb),.12);


    color:var(--primary);


    padding:7px 14px;


    border-radius:var(--radius-round);


    font-family:var(--font-body);
    font-size:.85rem;
    font-weight:600;


}



/* Findings */


.key-findings h4{

    font-family:var(--font-heading);
    font-weight:var(--heading-weight);

    margin-bottom:15px;


    color:var(--text);


}



.key-findings ul{


    list-style:none;

    padding:0;


    display:flex;

    flex-wrap:wrap;

    gap:12px;


}



.key-findings li{

    font-family:var(--font-body);

    background:var(--surface-alt);


    padding:10px 18px;


    border-radius:var(--radius-round);


    color:var(--primary);


    font-size:.9rem;


}




/* Button */


.publication-btn{

    font-family:var(--font-body);
    font-weight:600;

    display:inline-flex;

    align-items:center;

    gap:12px;


    margin-top:30px;


    padding:14px 28px;


    background:var(--primary);


    color:rgb(var(--white-rgb));


    border-radius:var(--radius-round);


    text-decoration:none;


    transition:var(--transition);


}



.publication-btn:hover{


    background:var(--primary-dark);


}



/* Responsive */


@media(max-width:992px){


    .publication-card{


        grid-template-columns:
        1fr;


        padding:30px;


    }



    .publication-meta{


        flex-direction:column;

        gap:20px;

    }



}
