.nlist{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nitem{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(13,110,253,.1);transition:.25s;color:inherit;text-decoration:none}
.nitem:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,110,253,.18)}
.nimg{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#dbeeff,#f4f9ff);overflow:hidden}
.nimg img{width:100%;height:100%;object-fit:cover;display:block}
.nbody{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px}
.nbody h2{margin:0;font-size:18px;line-height:1.35;font-weight:900}
.nbody small,.nmeta small{color:#566580;font-weight:700}
.tg{align-self:flex-start;padding:4px 12px;border-radius:999px;background:rgba(13,110,253,.12);color:#0a58ca;font-size:12px;font-weight:800}
.pager{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:30px}
.pager a,.pager .off{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:14px;background:#fff;font-weight:800;color:#0d6efd;text-decoration:none;box-shadow:0 6px 18px rgba(13,110,253,.12)}
.pager .off{color:#566580;background:#eef3fa;box-shadow:none}
.narticle{max-width:860px;margin:0 auto 30px}
.nmeta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px}
.nhero{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:18px;margin-bottom:22px}
.nlist-more{margin-top:10px}
@media(max-width:900px){.nlist{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.nlist{grid-template-columns:1fr}}