.neppa-front .hero { padding: 2rem 0; text-align:center; }
.neppa-front .hero h1 { font-size: 2rem; margin: 0 0 .4rem; }
.neppa-front .hero .cta { display:flex; gap:.6rem; justify-content:center; margin-top:.6rem; flex-wrap:wrap; }
.neppa-front .btn { padding:.5rem 1rem; border:1px solid #222; border-radius:8px; text-decoration:none; display:inline-block; }
.neppa-front .btn.outline { background:#fff; }
.neppa-front .quick-lists, .neppa-front .kb-buckets, .neppa-front .tag-clouds, .neppa-front .latest, .neppa-front .updates { margin: 1.2rem 0; }
.neppa-front .grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:.8rem; }
.neppa-front .grid.cats { grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); }
.neppa-front .card { border:1px solid #e5e5e5; border-radius:10px; padding: .8rem; background:#fff; text-decoration:none; color:inherit; display:block; }
.neppa-front .card:hover { background:#fafafa; }
.neppa-front .chips { padding:.4rem 0; }
.neppa-front .updates-list { list-style:none; padding:0; margin:.4rem 0; }
.neppa-front .updates-list li { padding:.2rem 0; border-bottom:1px dashed #eee; }