.articles-grid{display:grid;gap:2rem;margin-bottom:4rem}@media(min-width:768px){.articles-grid{grid-template-columns:repeat(2,1fr)}}.article-card{display:flex;flex-direction:column;background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;border:1px solid rgb(226,232,240)}.article-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#c4b5fd}.article-card-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgb(241,245,249)}.article-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.article-tag{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;font-family:Inter,sans-serif;background-color:#f3e8ff;color:#7e22ce}.article-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b;font-family:Inter,sans-serif}.article-card-content{flex:1;padding:1.5rem}.article-card-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;line-height:1.3;color:#0f172a;margin-bottom:.75rem;transition:color .2s}.article-card:hover .article-card-title{color:#7e22ce}.article-card-description{font-family:Inter,sans-serif;font-size:.9375rem;line-height:1.6;color:#475569}.article-card-footer{padding:1rem 1.5rem;background-color:#f8fafc;border-top:1px solid rgb(226,232,240)}.article-card-link{display:inline-flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:#7e22ce;transition:gap .2s}.article-card:hover .article-card-link{gap:.75rem}.article-card-arrow{transition:transform .2s;color:#7e22ce}.article-card:hover .article-card-arrow{transform:translate(2px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.empty-state-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#94a3b8}.empty-state-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.empty-state-text{font-family:Inter,sans-serif;font-size:1rem;color:#64748b;text-align:center;max-width:32rem}