/* ==========================================
   GPIR Intelligence Library
   Visual archive of MP-0xx intelligence infographics
========================================== */

#intelligence-library{

    padding:100px 0;

    background:#F7F9FC;
}

.library-header{

    text-align:center;

    max-width:820px;

    margin:0 auto 60px;
}

.library-header h2{

    font-size:var(--fs-section-heading);

    color:var(--hero-navy);

    margin:18px 0 20px;
}

.library-header p{

    color:var(--hero-light-body);

    line-height:1.8;

    font-size:var(--fs-section-intro);
}

.library-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

    gap:28px;
}

.library-card{

    background:#ffffff;

    border-radius:18px;

    overflow:hidden;

    border:1px solid rgba(18,50,91,.08);

    box-shadow:0 10px 25px rgba(0,0,0,.05);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

    display:flex;

    flex-direction:column;
}

.library-card:hover{

    transform:translateY(-6px);

    box-shadow:0 22px 45px rgba(18,50,91,.14);
}

.library-image{

    display:block;

    width:100%;

    height:170px;

    overflow:hidden;

    background:#0F172A;
}

.library-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:transform .5s ease;
}

.library-card:hover .library-image img{

    transform:scale(1.06);
}

.library-content{

    padding:22px 22px 24px;

    display:flex;

    flex-direction:column;

    flex:1;
}

.library-tag{

    display:inline-block;

    align-self:flex-start;

    padding:5px 13px;

    border-radius:30px;

    background:#EEF4FF;

    color:var(--hero-navy);

    font-size:11px;

    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

    margin-bottom:14px;
}

.library-content h3{

    color:var(--hero-navy);

    font-size:1.08rem;

    line-height:1.35;

    margin-bottom:10px;
}

.library-code{

    color:#8A94A6;

    font-size:.78rem;

    font-weight:600;

    letter-spacing:.04em;

    margin-bottom:16px;
}

.library-link{

    margin-top:auto;

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#B8863B;

    font-weight:700;

    font-size:.92rem;

    text-decoration:none;

    transition:gap .3s ease;
}

.library-link:hover{

    gap:14px;

    color:#8B4D6D;
}

@media (max-width:768px){

    #intelligence-library{

        padding:70px 0;
    }

    .library-header{

        margin-bottom:40px;
    }

    .library-grid{

        grid-template-columns:1fr;

        gap:20px;
    }

}