.pnb-nav{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

    margin-top:50px;

    margin-bottom:30px;
}

.pnb-card{

    display:flex;

    align-items:center;

    gap:15px;

    border:1px solid #e5e5e5;

    border-radius:12px;

    overflow:hidden;

    text-decoration:none;

    background:#fff;

    transition:.3s;
}

.pnb-card:hover{

    transform:translateY(-3px);

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

.pnb-image{

    width:140px;

    min-width:140px;

    height:100px;

    overflow:hidden;
}

.pnb-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;
}

.pnb-placeholder{

    width:100%;

    height:100%;

    background:#eee;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:13px;

    color:#777;
}

.pnb-content{

    padding:15px;

    flex:1;
}

.pnb-label{

    display:block;

    font-size:13px;

    color:#888;

    margin-bottom:8px;
}

.pnb-content h3{

    margin:0 0 10px;

    font-size:18px;

    line-height:1.4;

    color:#222;
}

.pnb-date{

    font-size:13px;

    color:#999;
}

@media(max-width:768px){

    .pnb-nav{

        grid-template-columns:1fr;
    }

    .pnb-card{

        flex-direction:column;
    }

    .pnb-image{

        width:100%;

        height:200px;
    }

}