.nnla{width:100%;box-sizing:border-box}
.nnla *{box-sizing:border-box}
.nnla-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.nnla-heading{margin:0;line-height:1.2}
.nnla-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:18px}
.nnla-nav-link{appearance:none;background:transparent;border:1px solid currentColor;padding:10px 18px;border-radius:6px;cursor:pointer;font:inherit;line-height:1.2;transition:all .2s ease}
.nnla-nav-link.is-active{background:#2f63ff;color:#fff}
.nnla-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nnla-card{overflow:hidden;background:#fff;border-radius:14px;border:1px solid rgba(20,40,70,.12);box-shadow:0 14px 38px rgba(20,40,70,.14);transition:transform .2s ease,box-shadow .2s ease}
.nnla-card:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(20,40,70,.18)}
.nnla-card-link{display:block;color:inherit;text-decoration:none}
.nnla-image-wrap{height:280px;overflow:hidden;background:#e8f1fa;display:flex;align-items:center;justify-content:center}
.nnla-image{display:block;width:100%;height:100%;object-position:center;background:#e8f1fa}
.nnla-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e6eef7,#cbdced)}
.nnla-card-body{padding:20px}
.nnla-category{display:inline-block;margin:0 0 12px;padding:4px 8px;border-radius:10px;background:#eef4ff;color:#2f63ff;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.04em}
.nnla-title{margin:0 0 10px;font-size:20px;line-height:1.3}
.nnla-excerpt{margin:0 0 16px;color:#69778a;font-size:14px;line-height:1.55}
.nnla-meta{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid rgba(20,40,70,.12);font-size:11px;color:#8491a3}
.nnla-meta-separator{width:3px;height:3px;border-radius:50%;background:currentColor}
.nnla-load-wrap{display:flex;justify-content:center;margin-top:30px}
.nnla-load-more{appearance:none;background:transparent;border:1px solid #2f63ff;color:#2f63ff;border-radius:6px;padding:10px 20px;cursor:pointer;font:inherit;line-height:1.2;transition:all .2s ease}
.nnla-load-more:hover{background:#2f63ff;color:#fff}
.nnla-card.nnla-hidden{display:none}
@media(max-width:1024px){.nnla-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nnla-header{align-items:flex-start;flex-direction:column}.nnla-nav{justify-content:flex-start}}
@media(max-width:767px){.nnla-grid{grid-template-columns:1fr}.nnla-nav-link{padding:9px 13px}.nnla-image-wrap{height:220px}}